Individual Web Project Lab
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Author Archives: thomas.wallace@gmail.com
Fluid Grids
The Flexible Grid Codecast Converting Static Grids to Responsive Grids CSS Grid CSS Grid Spec Explained Grid by Example
Progressive Enhancement
Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
Introduction to HTML5
Codecast Forms Sectioning an HTML Document using DIVs Sectioning using HTML5 Structural Elements Semantic and Structural Elements Obsolete and Redefined Elements What is Validation? Create a Repository using these instructions. Be sure to submit your github pages URL.
Introduction to Grid Principles
Clearing Bugs Clearfix Demo Dealing with Clearing Bugs Grid-Based Design A Comprehensive Introduction to Grids in Web Design What is it? | Why Use it? | Resources Generate a Grid Fluid Grids Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast
Individual Web Project
Finalizing your page template Duplicating pages for your site Individual Web Project Create your own micro site and post the url to your GitHub me by March 7, 2024. Starter HTML (You do not have to use this, provided for reference) Arkansas State Parks Micro Site Project
Introduction to HTML5
Codecast Text Level Semantics Inserting Images Tables Forms
Image Optimization and Editing Lab
Raster vs. Vector Graphics 1 | 2 | 3 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials Photopea – Raster Vectorpea – Vector
Chrome Inspector and Introduction to Grid Based Design
Chrome Inspector Demos Clearing Bugs Clearfix Demo Dealing with Clearing Bugs A Comprehensive Introduction to Grids in Web Design An Introduction to Grids in Web design
Introduction to HTML5
Codecast Marking Up Lists Text Level Semantics Special Character Encoding: Details | Reference Block vs. Inline Elements Hyperlinks Inserting Images Tables Forms