Please spend today’s scheduled class time completing your implementation of a grid-based layout. Post the project to Github. I’d also like you to give a thorough read of the following article – https://css-tricks.com/snippets/css/complete-guide-grid/ Next week, we will begin a new project. Be sure you are caught up with all of your work Stay Warm!
Solicit feedback from a classmate regarding the design and implementation of your Dragon/Segway Project. I’d like you to spend the next week incorporating the suggestions from this critique into your project. When critiquing others keep in mind that we are all at different places skill-wise. Be constructive in your criticism and remember to also include […]
The Flexible Grid Codecast Converting Static Grids to Responsive Grids The Future of the Grid CSS Grid Spec Explained
Introduction to Github Signing up for AWS Educate If you missed class please review the video for detailed instructions During the class you will receive several emails. Please follow the instructions carefully to ensure you are signed up properly. Setting Up a Cloud9 Workspace | Tutorials AWS Cloud9 – Overview
Codecast Sample Content Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation?
Continue working on the Individual Web Project. You should use your class time to ask questions and troubleshoot issues with your classmates.
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
Codecast Sample Content Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Chrome Inspector Demos Putting it all together… HTML5 Boilerplate Q & A