LIVE | How to Build a Blog Layout from Mockup to HTML, CSS & JavaScript | Part 2
HTML-код
- Опубликовано: 9 окт 2024
- 🔴 Join me this afternoon as I bring a Photoshop mockup to life with HTML, CSS, and JavaScript!
📝 Today’s Livestream To-Do List:
→ Finish styling the blog layout
→ Style blog items for a polished look
→ Set categories to use a serif font
→ Style the "Read More" links for clarity
→ Pick an accessible accent color for a11y (Accessibility)
→ Check margins and padding for perfect spacing
→ Style the "Load More" button (still deciding whether to keep this!)
→ Style the footer for a neat finish
→ Create a search drawer and style the input field
→ Create a mobile menu drawer with navigation items
→ Add social icons to the mobile drawer
→ Style for mobile responsiveness
→ Check a11y to ensure accessibility
→ Refactor code as needed for clean, maintainable code
💾 Github Repository
github.com/ang...
⭐️ Heroku Deployment
delta-layout-6...
🚀 Some video content used in this video is courtesy of NASA's Goddard Space Flight Center.
🌞 NASA's Scientific Visualization Studio. Exoplanet Catalog. Published August 23, 2021. Accessed September 23, 2024. svs.gsfc.nasa....
🎶 Music provided by Artlist.io
License purchased October 3, 2024.
Licensed for use by Angela J Holden.
artlist.io/
🎶 Music Credits
🎵 Reflection Lake - Ariel Shalom
🎧 Finale by Analog Dreams Vol. 2 - Art-list
🎧 Secret Agent by Analog Dreams Vol. 2 - Art-list
🎧 Study Buddy by Analog Dreams Vol. 2 - Art-list
🎶 Days by HUAN - Art-list
🚬 Last Cigarette by Last Cigarette - Art-list
🧩 Little Pieces by Last Cigarette - Art-list
🎸 Go Beat by Looking For - Art-list
🌍 Reality by Reality - Art-list
🎻 Prelude in B Minor by Simply - Art-list
🌙 Slow Evening by Someplace - Art-list
🔔 Insert by Stay with Me - Art-list
🚗 Traffic Jams - Aves
🌅 Sunset - Ben Hendler
🎶 Azure Flute - Benno
🤝 I Gotchu - HUAN
🐻 Listen Baby - Johnny Gorillas
🎼 Harpstrings and Chill (Gymnopédie No. 1) - Lalinea
🌙 Mellow Moonlight (Prelude in E Minor) - Lalinea
🔥 Misatake - Magiksolo
🏙️ Shibuya - Magiksolo
🎹 Gymnopédie No. 1 - T. Bless & the Professionals
🎹 Prelude in E Minor - T. Bless & the Professionals
🎷 Webster Soul (feat. Bad Room Producer) - Yestalgia
Hi mam
Hello!