Author Archives: kpduffy
MWF Post your Iweb address here
Sprites
Peep this slide show demo
Web Developer Tool for Chrome
Free and easy plugin that lets you see behind the curtains like inspect element, but more powerful.
Web Developer Tool for Chrome — you must be using chrome, click link and add to browser.
Saving for the Web
FINALS — DATES & TIMES
301–02 MWF
Thursday December 12, 2:15–4:15
————————
301–01 MW
Friday December 13, 2:15–4:15
Browser Debates
http://lifehacker.com/chrome-vs-firefox-your-best-arguments-1462628969
Opera is and alternate browser that gets little airplay. We don’t have it on our lab computers but I use it to debug websites I’m building (along with Chrome, firefox, and safari). Its available for free download — http://www.opera.com/
Presentations for Monday
Mockups: Are your composition sketches and represent how you intend the site to look and function, and how a viewer will navigate it.
Include pixel widths and info that will help us understand it and you to code it.
These must be printed in color.
——————
Diagrams: This is your boxes inside of boxed diagram of your site—you are grouping and dividing content as you anticipate styling in CSS. This will be your coding road map.
This can be hand drawn (must be legible) or made in Illustrator.
*********
These documents will be critiqued monday. The more resolved your mock up, the better your feedback will be—give us enough to thoroughly understand exactly what you intend to make.
That said, these documents are fluid, subject to change based on our critical assessment during your presentations.
SOME HTML CSS SAMPLES
Newly updated with a few links to some sample HTML and CSS uses
Inspect, deconstruct, rebuild
REFRESH your browser