Duplicating Your Page Template
Finalizing your page template Duplicating pages for your site
Author Archives: thomas.wallace@gmail.com
Mobile First Design Lab
Codecast Begin working on your mobile-first prototype. Over the weekend you should work to have your mobile first view of your project complete by Tuesday of next week. CSS Custom Properties Guide Demo Additional Information
Introduction to CSS
Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Content Carousel Lab
Class Exercise Be sure to publish your work to GitHub and add a link to the demo we built to your course homepage. Example with Content
Mobile First Design
Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines
Introduction to CSS
Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Peer Feedback Session
Working in your groups please review each of your templates and provide feedback using the strategies presented in the course. Due Tuesday (3/20) – Create a blog post on your web project. Include the site URL, a screenshot of the design, and discuss the feedback you received, Reflect on the development experience. What did you do […]
Mobile First Design
Please Check your Email – Delayed Lecture this morning! Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines
Introduction to CSS
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Take note of your Color Codes
Project Template Lab
Today We will spend our classroom time finishing up our page template in preparation for the peer feedback exercise on Thursday