Category Archives: Mobile Web Spring 2025

CSS Preprocessors CSS Custom Properties | Demo | Can I Use Nesting  SCSS Basics and Documentation Codecast Mixins Libraries Introduction to Web Frameworks Front-end CSS Frameworks Bootstrap Tailwind

Project Concept Discussion Site Prototyping Tools Media Query Free – Responsive Layout Breakout Grids Layout Breakouts with CSS

Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements

Complete Guide to Flexbox Refactoring the Resume using Flexbox Logical CSS Functions min(), max(), and clamp() are CSS magic! Media Query Free – Responsive Layout

Creating media queries for your first breakpoint Codecast Introduction to Flexbox

Codecast Complete the styling of your mobile-first resume and post a link on your Github index page. Be prepared to begin working on your tablet view next week. We will do a bit of show and tell in class on Tuesday to see what you came up with. Good Luck

Codecast Begin working on your mobile-first prototype. We will continue to work on it in class on Thursday but it should be close to completion by the end of the week.

Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines CSS Custom Properties Guide Demo Additional Information

Mobile-First Approach Codecast Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

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!