Final Exam Materials
Leave a reply
Final Exam Mockup with Images
wireframe for final
Alternative Layout Techniques
Cool HTML Tutorials
Responsive Layout Testers
A very helpful couple of tool for checking the how your website displays at different screen resolutions.
View Like Us
CyberCrab
http://cybercrab.com/screencheck/
Free Customized Feedback Form Wizard
http://www.thesitewizard.com/wizards/feedbackform.shtml
The above site is an excellent wizard that walks you through creating a simple PHP based contact form.
Open Source resource to check your sites browser compatibility
See how your site will look in different browsers
CSS Only Dropdown Menu
http://red-team-design.com/css3-dropdown-menu/
CSS3 Only Animated Dropdown Menu
http://red-team-design.com/css3-animated-dropdown-menu/
Hambuger Menu for Mobile
http://blog.g-design.net/post/42617934013/create-an-accessible-toggle-menu-for-mobile
Adding Video
My Brackets Extension—Starter HTML Template
Create Starter HTML Page
This is the link to my Brackets Extension. It creates a command in the Edit panel and also a keyboard shortcut (CMD+Shift+X) that creates a basic HTML Starter Page. The code created is as follows:
<!doctype html>
<html>
   <head>
     <title>Page Title</title>
     <meta charset=”UTF-8″>
   </head>
   <body>
   </body>
</html>
To install the extension do not unzip it. Open Brackets and go to File>Extension Manager. Just drag the .zip to the Drag .zip here button on the bottom left of the Manager dialog box.
How to Survive Critique: A Guide to Giving and Receiving Feedback
How to Survive Critique: A Guide to Giving and Receiving Feedback
Sadly, now that Steve Jobs is gone, there is no single, omnipotent critic capable of unilaterally determining how good or bad a design is. Of course, some people (i.e., design faculty, Pritzker Prize winners) are more informed or knowledgeable than others, but design is a complex endeavor, resistant to simple metrics or measures. Therefore, in design education, instructors rely heavily on a subjective form of review known as “critique.” There are many ways to critique and be critiqued, and learning how to give and receive feedback is an essential skill that extends beyond design education. Here, a few thoughts for students and their critics—and critics and the critiqued at large.
6 Web Design Mistakes and how to correct them…
6 Web Design Mistakes and how to correct them…
It happens to everyone at some point: You look back on a website design and realize that you made a mistake. And we’re not talking about a misplaced comma. You see a full-scale can’t-believe-you-did-that kind of design faux paus. While you can’t go back in time, you can make corrections so your design is flawless moving forward.
http://thenextweb.com/dd/2015/08/26/6-web-design-mistakes-and-how-to-correct-them/
Web Design Inspiration Galleries
Cool Home Pages
http://www.coolhomepages.com
Best Web Gallery
http://bestwebgallery.com/
Design Meltdown
http://www.designmeltdown.com/
The Best Designs
https://www.thebestdesigns.com/
AWWWARDS
http://www.awwwards.com/
The awards for design, creativity and innovation on the Internet
