Category Archives: Mobile Web Spring 2019

Grid-based Design

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

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

Web ARIA, Chrome Tools and More!

Codecast HTML5 – Obsolete and Redefined Elements 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 to to be familiar with the content covered in the following sections (Dev Tools for Beginners, CSS, Accessibility). Be prepared to demo a tip or […]

HTML5 Review

Review Pre-Assessment 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 ASSIGNMENT Set up an index page for your web space. This will be the landing page for this course where you will link all published assignments. Please send me […]

Pre Assessment Lab

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

Skills Pre Assessment

Cloud9 Choosing a Workspace Type How to Preview Files Finding the proper URL to submit Pre-Assessment

Mobile Web Course Overview

Review Course Expectations Syllabus Course Setup Test VMware Connecting from off-campus Web Hosting – Cloud9/AWS Toolset Text Editor Brackets Atom SubmlimeText Cloud editors Codeanywhere Cloud9 FTP Client Filezilla (Make sure to read the installer dialogs and location to avoid Malware) File Repository Github Github Education Pack Resources Skills Review Presentation