Category Archives: Mobile Web Spring 2020

Technical Specifications Explanation Codecast | Live View Viewport Metatag BreakPoint Reference by Device

The Flexible Grid Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained

HTML5 Boilerplate Wrap-up Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based Design What is it? | Why Use it? | Resources Generate a Grid Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast

Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Mobile Boilerplate

Beginning the Transition to HTML5 | Codecast ARIA Roles Usage Guidlines Your assignment for the day is to review to content from the Chrome Dev Tools Documentation. At a minimum, I’d like you to be familiar with the content covered in the following sections (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or […]

Setting up our work environment: Codepen | Documentation Beginning the Transition to HTML5 | Codecast Doctype, Meta and More… HTML5 – Obsolete and Redefined Elements HTML5 New Semantic Elements

Today I will work through the pre-assessment in an in-class demo. Please use this opportunity to ask questions and receive clarification on specific concepts and ideas. Pre-Assessment

Repl.it Join the Class How to Preview Files Finding the proper URL to submit Pre-Assessment

Review Course Expectations Syllabus Course Setup Test VMware Connecting from off-campus Web Hosting – Repl.it – Will demo on Thursday Toolset Text Editor Brackets Atom SubmlimeText Cloud editors Codeanywhere Brackets on Rollapp FTP Client Filezilla (Make sure to read the installer dialogs and location to avoid Malware) File Repository Github Github Education Pack Resources Skills Review […]