CSS and Images

Class Notes

CSS Layout Techniques II: Position

Class Notes

CSS Layout Techniques 1: Floats

Class Notes

Today’s Demo: Fork this Codepen  

CSS Basics

Class Notes

Click the thumbnail for the slideshow

Semantic HTML

Class Notes

  Today’s Exercise Files: View on Google Docs Helpful Reference “Cheat Sheets”:

Welcome!

Class Notes

Subscribe to this site for resources, class notes, homework, inspiration and more.

Getting to know Sublime Text

Resources

 Get Sublime Text Get Melissa’s Color Schemes. Install them in  Sublime Text\Packages\User\Color Schemes (make this folder) In Sublime Text, hit Ctrl+Shift+P. type “Install Package Control“ Install some helpful packages (Hit Ctrl+Shift+P and type “install Package”

CSS Animated Hover Effects

Class Notes

Meet your Client: Camera Shop

Assignments

Meet your client, the Neighborhood Camera shop!  Details on this assignment have been posted here. Their current site is located here.

Dropbox + free space

Resources

Sign up for dropbox!  It’s a free and easy way to move your class files with you.

Pre-Launch Checklist

Resources

Before you launch your Neighborhood Camera Shop site, use this checklist to make sure you’ve covered all the details!

Tonight’s Objectives

Assignments

Due tonight by 8pm: Complete siteroot uploaded to your homework site in an easy-to-find location (example: http://mysite.com/homework/ncs) Complete siteroot turned in to the Teachers’ Station shared folder (put your name on the directory) \\room205HD\webeve\finished-sites\YOURNAME Presentation for critique  

Flexible typography and grids

Class Notes

Recommended Link:

Why Wireframe?

Teacher Evaluation

Assignments

Please head over to this survey to complete the course evaluation.     Thank you for your feedback!