Schema vs. JSON-LD and CSS Custom Properties
Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines CSS Custom Properties Guide Demo Additional Information
Author Archives: thomas.wallace@gmail.com
Introduction to CSS
Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
Mobile First Design and Introduction to Schema
Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines
Progressive Enhancement
Review Project Progress Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
Introduction to CSS
HTML Project Question and Answer Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes
Inclement Weather – No Class
Please continue working with media queries and make sure your course homepage is styled and has a few sample queries. Also make sure to read up on Mobile first design methodology in preparation for next weeks classroom session. Make sure you have a resume handy! Enjoy the snow/ice day!
Inclement Weather Lab
Please spend your classtime today working on your first HTML Assignment. Please look over the following documents in preparation for class on Monday. Overview of CSS and its role in web development CSS syntax and basic structure Different ways to include CSS in HTML documents
Introduction to Media Queries
Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device Demo Adding Media queries to our Fluid Grid
Quiz and HTML5 Assessment setup
Quiz Create a Repository using these instructions. Publishing your work to Github Be sure to submit your github pages URL.
Individual Web Project Lab
Project Q & A Review Topics and Ideas