Fundamentals of Web Design http://webeve.mylevel4.com Thu, 26 Apr 2012 03:29:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Fancybox demo images http://webeve.mylevel4.com/2012/04/fancybox-demo-images/ http://webeve.mylevel4.com/2012/04/fancybox-demo-images/#comments Wed, 25 Apr 2012 07:39:42 +0000 Melissa http://webeve.mylevel4.com/?p=1733 some images to play with while we experiment with fancybox.

]]> http://webeve.mylevel4.com/2012/04/fancybox-demo-images/feed/ 0 cycle demo http://webeve.mylevel4.com/2012/04/cycle-demo-images/ http://webeve.mylevel4.com/2012/04/cycle-demo-images/#comments Mon, 23 Apr 2012 15:08:08 +0000 Melissa http://webeve.mylevel4.com/?p=1737 Complete example includes jQ animated next/previous rollovers

]]> http://webeve.mylevel4.com/2012/04/cycle-demo-images/feed/ 0 Extra Credit – Mint http://webeve.mylevel4.com/2012/04/extra-credit-opportunity-1-mint-layout/ http://webeve.mylevel4.com/2012/04/extra-credit-opportunity-1-mint-layout/#comments Mon, 23 Apr 2012 07:51:04 +0000 Melissa http://mylevel4.com/?p=428 Read More]]> Earn 5 extra credit points (the value of one complete homework)

Slice, mark-up, and style one page based off of this comp:

Download the MINT comp

Include the orange tab as a rollover state and the current page marker

Complete this assignment by the last day of class for credit. Post it to your launcher and email me  so I don’t miss it!

]]> http://webeve.mylevel4.com/2012/04/extra-credit-opportunity-1-mint-layout/feed/ 0 Introduction to Javascript http://webeve.mylevel4.com/2012/04/introduction-to-javascript/ http://webeve.mylevel4.com/2012/04/introduction-to-javascript/#comments Thu, 19 Apr 2012 07:21:39 +0000 Melissa http://webeve.mylevel4.com/?p=1724

Inspiration:

http://veerle.duoh.com/

http://www.charliegentle.co.uk/

http://www.volll.com/#section_about_contact

_

http://www.webleeddesign.com/#play

]]> http://webeve.mylevel4.com/2012/04/introduction-to-javascript/feed/ 0 Javascript resources + plugins http://webeve.mylevel4.com/2012/04/intro-to-javascript-resources/ http://webeve.mylevel4.com/2012/04/intro-to-javascript-resources/#comments Thu, 19 Apr 2012 07:16:21 +0000 Melissa http://mylevel4.com/?p=635 Read More]]> Resources and Tutorials

Cool scripts and jQuery plugins

]]> http://webeve.mylevel4.com/2012/04/intro-to-javascript-resources/feed/ 0 Pure CSS Dropdowns – notes http://webeve.mylevel4.com/2012/04/pure-css-dropdowns-notes/ http://webeve.mylevel4.com/2012/04/pure-css-dropdowns-notes/#comments Thu, 19 Apr 2012 00:30:45 +0000 Melissa http://webeve.mylevel4.com/?p=2064

]]> http://webeve.mylevel4.com/2012/04/pure-css-dropdowns-notes/feed/ 0 Pure CSS Dropdowns http://webeve.mylevel4.com/2012/04/pure-css-dropdown-menu-examples/ http://webeve.mylevel4.com/2012/04/pure-css-dropdown-menu-examples/#comments Wed, 18 Apr 2012 03:09:09 +0000 Melissa http://webeve.mylevel4.com/?p=2042 has moved to Code Examples!

]]> http://webeve.mylevel4.com/2012/04/pure-css-dropdown-menu-examples/feed/ 0 Homework – Read Ch 7 http://webeve.mylevel4.com/2012/04/homework-read-ch-7/ http://webeve.mylevel4.com/2012/04/homework-read-ch-7/#comments Tue, 17 Apr 2012 00:08:04 +0000 Melissa http://mylevel4.com/?p=1094 Read More]]> Read Chapter 7 in CSS Mastery - Styling Forms and Data Tables

]]> http://webeve.mylevel4.com/2012/04/homework-read-ch-7/feed/ 0 Forms! http://webeve.mylevel4.com/2012/04/web-forms-resources/ http://webeve.mylevel4.com/2012/04/web-forms-resources/#comments Mon, 16 Apr 2012 07:22:01 +0000 Melissa http://mylevel4.com/?p=260 Read More]]> Tonight’s Notes:

Resources:

Inspiration – Form Styling Roundup

Examples - How CSS-styled Form elements render cross-browser

]]> http://webeve.mylevel4.com/2012/04/web-forms-resources/feed/ 0 contact page comp http://webeve.mylevel4.com/2012/04/download-tonights-demo-file/ http://webeve.mylevel4.com/2012/04/download-tonights-demo-file/#comments Mon, 16 Apr 2012 07:06:51 +0000 Melissa http://mylevel4.com/?p=1116 Download the Widgetbox Forms page

]]> http://webeve.mylevel4.com/2012/04/download-tonights-demo-file/feed/ 0 The Importance of Feedback http://webeve.mylevel4.com/2012/04/read-the-importance-of-getting-feedback/ http://webeve.mylevel4.com/2012/04/read-the-importance-of-getting-feedback/#comments Thu, 12 Apr 2012 03:53:06 +0000 Melissa http://webeve.mylevel4.com/?p=2032 Read More]]> Tomorrow, we’ll conduct a peer review of your comps so far. It’s critical that you learn how to both give and receive constructive feedback.  Gaining insight into how others react to our work is crucial to improving as web designers.

“In most design studio environments, internal reviews are built into the workflow; For lots of designers that work in an individual capacity though, it’s easy to forget about the fact that your design is going to be seen by a LOT of people, not just you and the client. Having outside people review your design is the cheapest way to get a quick understanding of how visitors will react to your work and whether or not it’s succeeding at it’s goals.”

 Read: The Importance of getting great feedback in web design

]]> http://webeve.mylevel4.com/2012/04/read-the-importance-of-getting-feedback/feed/ 0 Widgetbox – Part 4 http://webeve.mylevel4.com/2012/04/widgetbox-part-4/ http://webeve.mylevel4.com/2012/04/widgetbox-part-4/#comments Wed, 11 Apr 2012 19:23:02 +0000 Melissa http://webeve.mylevel4.com/?p=1912 Read More]]> This version is ready for the sprites to be added to the nav and buttons

Download the interior body copy

]]> http://webeve.mylevel4.com/2012/04/widgetbox-part-4/feed/ 0 CSS Sprites http://webeve.mylevel4.com/2012/04/css-sprites-demo-and-notes/ http://webeve.mylevel4.com/2012/04/css-sprites-demo-and-notes/#comments Wed, 11 Apr 2012 17:28:31 +0000 Melissa http://mylevel4.com/?p=602 View the live code demo here

Download the sprite PSD

]]> http://webeve.mylevel4.com/2012/04/css-sprites-demo-and-notes/feed/ 0 CSS Sprites and icons http://webeve.mylevel4.com/2012/04/css-sprites-and-icon-resources/ http://webeve.mylevel4.com/2012/04/css-sprites-and-icon-resources/#comments Wed, 11 Apr 2012 07:28:21 +0000 Melissa http://mylevel4.com/?p=595 Read More]]>
  • CSS Sprites – Demystified (Smashing Magazine)
  • Icons – Flavour (Smashing Magazine)
  • Icons – Silk (FAM FAM FAM)
  • Icon Finder
    • ]]>     http://webeve.mylevel4.com/2012/04/css-sprites-and-icon-resources/feed/ 0     Content is King – due 4/17 http://webeve.mylevel4.com/2012/04/homework-due-monday-august-3/ http://webeve.mylevel4.com/2012/04/homework-due-monday-august-3/#comments Tue, 10 Apr 2012 07:55:58 +0000 Melissa http://mylevel4.com/?p=255 Read More]]> Content is King!
    The attached comp has a very minimal interface, letting the content do its job of communicating with the user. Your homework is to slice, mark up and style the home page with semantic HTML and CSS.

    Upload the result to your launcher in a subdirectory (example: wordpress.mywebsite.com/content_is_king/index.html). You will have to FTP this assignment instead of using the wordpress image uploader. 

    Notes:

    • Fonts used: Arial, Chunk five
    • Finished page should be a centered, fixed layout

    Download the Content is King Layout

    ]]>     http://webeve.mylevel4.com/2012/04/homework-due-monday-august-3/feed/ 0