Free Website Tools
Free Website Tools

At the Google Code University (GCU) does not require registration and materials are free to use. It includes tutorials and courses on advanced topics, video lectures and exercises. Find courses like Intro to Distributed System Design, and HTML, CSS and Javascript from the Ground Up and lots of info on web security.

A compact cheat sheet on CSS structure and rules can be found at HTMLhelp.com. Find cascading rules, including author’s versus website readers stylesheet rules and specificity. It also has a quick run-down on pseudo-classes and pseudo elements and basic syntax rules like grouping of ID and class selectors and declarations and inheritance.

This book author’s site is beautiful and well functioning in Flash at absender-unbekannt.de. The book is a collection of random ‘found’ notes that reveal all kinds of interesting facts of people’s lives. You’ll have to dig out your German vocabulary book to figure out what’s in the notes. In the meantime, just enjoy this wonderful design…

To give your design the touch it needs, you may just like the hand drawn social media icons at jankoatwarpspeed.com. They actually look like they’re painted and could be used with an earthy design as well as with anything with an artistic feel.

When you need simple and clean elements to fit your design, you may like the social media buttons at todayinart.com. No effects like glassy or odd shaped; these may well become your default when nothing else works.

If you’re interested in getting started with HTML5, you will probably appreciate the HTML5 cheat sheet posted by Smashing Magazine. Even though HTML5 won’t be completely supported until 2022 it looks like it’s already on it’s way to becoming popular. SmashingMagazine promised to update this cheat sheet as new changes are being published.

Full screen image slide shows can be a great design approach, if you have a site with many images and you need to show them one by one. You can install an image gallery but there is an easier way to do it – get the script from JavaScript Kit and install it. The script uses jQuery and PHP and can be installed on any site.

There are many ways to create an image gallery and almost all of them include programming. However, there is a way to create an image gallery in HTML5 and CSS3 and it is described in details by Lostcore.es. Follow the instructions in the tutorial and you will have a cool image gallery.

The ultimate resource for learning HTML5 is its specification. W3 is the authority behind the HTML5 specification. The HTML5 specification in the link is still not in its final version but this is the basis for HTML5, so dramatic changes are unlikely to happen in the final version.

If you want to have a colorful scrollbar on your site, check this resource from JavaScript Free Code. Copy and paste the code in your page and when you open the site, the scrollbars will be colorful. You can change the default colors to any color you like, so you can make your scrollbar match the colors of your site.