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


Free Customized Feedback Form Wizard

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

CSS3 Only Animated Dropdown Menu

Hambuger Menu for Mobile

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>
          <title>Page Title</title>
          <meta charset=”UTF-8″>


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.