Category Archives: Uncategorized

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

http://viewlike.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

http://browsershots.org/

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

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.

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/