Monday, February 27, 2012
Demonstration Library
Demonstration Library here's an example of a formers student's class assignments... same course, minus html5/css3
Tuesday, February 21, 2012
Homework Assignments:
1. YOU MUST Bring in you recipe page for the class to use as part of their midterm site project, we're all sharing the content. Last class, you were to have a recipe page styled and a recipe site (3 pages) mocked up in illustrator, photoshop, or any way you're comfortable, ready-to-go... See Alicia's page for the best example of what WAS expected by last week. 2. A completely styled css page ready to go... 3. A wireframe (this will evolve) for your portfolio site, this will be due at the end of class and will be presented at your Mid-Point review as part of your Thesis Review. You can NOT graduate with an MFA without it!!! 4. Your Midterm is 2 projects... one is a demonstration library site of the projects we've done in class and you've spruced up. The second is the recipe site. The final is again 2 projects, a portfolio site of your work, mentioned in #3 above, and what i'm calling a demonstration library site, so not to confuse the portfolio assignment, but it is a portfolio of every class assignment we've done, from the color site to the box examples with the dots... here's an example from a previous student: bryan harris' demonstration library This was completed in week 13. Notice how he's organized it on his server. Our assignments are slightly different, since we're covering slightly different topics now.ALSO....
start gathering URLs of portfolio sites you like, sites you find inspirational... here's one i like! chase jarvisResources
Periodic Table of the Elements - HTML5 elements! HTML5 Makes a Great Color Picker The Great WebKit Comparison Table (since we started talking about webkit last night) Free Illustrator Assets for UI Design KDiff3 KDiff3 is a program that compares or merges two or three text input files or directories, shows the differences line by line and character by character, provides an automatic merge-facility and an integrated editor for comfortable solving of merge-conflicts, supports Unicode, UTF-8 and other codecs, autodetection via byte-order-mark "BOM" supports KIO on KDE (allows accessing ftp, sftp, fish, smb etc.), Printing of differences, Manual alignment of lines, Automatic merging of version control history ($Log$), and has an intuitive graphical user interface.friendly reminder...
Grading Criteria Students are graded on their skill level relative to industry standards. The student's skill level comprises all of the following: The quality of conceptualization as it relates to assignments. The quality of craft and design skills. The quality of a student's presentation. The student's mature ability to interact with peers and faculty members. The student's mature ability to receive and act upon critiques. The student's participation in and contribution to the class. The student's ability to meet weekly and final deadlines. The student's attendance record.Monday, February 20, 2012
CSS Properties | HTML Dog
CSS Properties
information about all of the valid properties belonging to the CSS 2.1 standard.
information about all of the valid properties belonging to the CSS 2.1 standard.
Wednesday, February 15, 2012
suggested reading: HTML5 for Web Designers by Jeremy Keith
** Available direct from the publisher at http://www.abookapart.com/products/html5-for-web-designers
suggested reading: Introducing HTML5 by Bruce Lawson and Remy Sharp
suggested reading: CSS: The Definitive Guide by Eric Meyer. 3rd edition
optional: CSS3 for Web Designers by Dan Cederhalm
** Available direct from the publisher at http://www.abookapart.com/products/css3-for-web-designers
suggested reading: jQuery in Action by Bear Bibeault and Yehuda Katz
suggested reading: JavaScript: The Good Parts by Douglas Crockford
suggested reading: DOM Scripting: Web Design with JavaScript and the Document Object Model by Jeremy Keith and Jeffrey Sambells
Tuesday, February 14, 2012
Google' Valentine’s Day Doodle
How Google Created Its Epic(-ish) Valentine’s Day Doodle | TechCrunch
This is tech crunch, and it doesn't tell the tech side of the story!?! for shame! but, alas, it is a local. North Bay artist.
So, no tech story in tech crunch, except it's a doodle created by a local artist.
it IS HTML5, not flash.... and... it is also a QT movie for the youTube and "notReady for HTML5" crowd.
clicking on the sourcecode you'll see what's behind the curtain.
This is tech crunch, and it doesn't tell the tech side of the story!?! for shame! but, alas, it is a local. North Bay artist.
So, no tech story in tech crunch, except it's a doodle created by a local artist.
it IS HTML5, not flash.... and... it is also a QT movie for the youTube and "notReady for HTML5" crowd.
clicking on the sourcecode you'll see what's behind the curtain.
Monday, February 13, 2012
common screen sizes
Here is a quick rundown of some of the most common screen sizes:
Smartphones: 240x320 to 640x960, most commonly 480x800px
Tablets: 480x800 to 600x800, 600x1024, 768x1024, or 720x1280 -- the iPad is 1024x768px
Laptops: 800x600 to 1600x1200, even 1920x1200 -- the most common being 1024x768px
Desktops: 1024x768 all the way up to 1920x1200. The most common size is 1280x1024px.
Given so many different screen resolutions and differing aspect ratios, what on Earth is a designer to do?
Smartphones: 240x320 to 640x960, most commonly 480x800px
Tablets: 480x800 to 600x800, 600x1024, 768x1024, or 720x1280 -- the iPad is 1024x768px
Laptops: 800x600 to 1600x1200, even 1920x1200 -- the most common being 1024x768px
Desktops: 1024x768 all the way up to 1920x1200. The most common size is 1280x1024px.
Given so many different screen resolutions and differing aspect ratios, what on Earth is a designer to do?
Subscribe to:
Posts (Atom)