Prof. Annette Weintraub
Design for the Web 2
49540 SPRING 2011
Week 14
The FINAL
Final date is: Wednesday, May 25th, 8:30 am to 10:15 am;
ALL work must be on the server by 9 am, and the checklist filled out.
MORE...
QR Codes
http://www.fastcompany.com/1585822/business-card-just-scan-my-qr-code What is a QRCode
http://2d-code.co.uk/three-rules-of-qr-codes/ Three rules of QRCodes
http://www.dailytut.com/tips-and-tricks/generating-qr-code-bar-code.html Generate a QRCode
http://qrcode.kaywa.com/ Generate a QRCode
http://www.youtube.com/watch?v=v86svrJuW9Q&feature=player_embedded Video on QR Codes
http://qreateandtrack.com/2010/04/30/best-sizes-for-business-card-qr-codes/ Minimum size for QR Codes
http://www.qrstuff.com/ Put it on a tshirt
http://www.qrstuff.com/qr_codes.html More about QR Codes
CENTERING A DIV
http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/ Technique for centering a DIV
http://css-tricks.com/snippets/css/center-div-with-dynamic-height/ Technique for centering a DIV
The previous example uses display:table
http://blogs.sitepoint.com/table-based-layout-is-the-next-big-thing/ Example of display:table for layout
TRANSFORMS AND TRANSITIONS
http://www.alistapart.com/articles/understanding-css3-transitions/ CSS3 Transitions
http://www.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/ CSS3 Keyframe Animation
http://www.alistapart.com/articles/supersize-that-background-please/ Supersize Background
FILE CHECK
http://mezzoblue.com/css/cribsheet/ Cribsheet
http://lite.launchlist.net/ Site Launch Checklist [see free version]
WHAT'S NEXT for THE WEB: BIG TRENDS: read on your own
http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/ Future Web Trends
http://webdesignledger.com/tips/web-design-trends-for-2010 Future Web Trends
http://www.cyberdesignz.com/blog/2009/12/8-web-design-trends-2010/ Future Web Trends
http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/ [see: HTML5, IE filtering, multiple column layouts]
and some opinions....
http://www.baekdal.com/articles/Management/market-of-information/ How we will get our information in the future?
http://www.baekdal.com/articles/Management/designing-future-websitse/ Designing for multiple devices
WHAT'S NEXT for THE WEB FIREFOX 4, including VIDEO and AUDIO
http://www.vorbis.com/setup_osx/ VLC Media Player
http://www.nouturn.com/oggdrop/download.php Ogg Drop
https://developer.mozilla.org/En/HTML/Element/video New video element support [Firefox 3.5]
https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox Using audio and video [Firefox 3.5]
GOOD PRACTICES
http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/ Making your code clean
http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/ Workflow and good practices
http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/ more ideas for better coding