Aug 26, 20107

Three Kick-Ass Web Developer Tutorials

Sometimes to get your development juices flowing you just need a meaty project or an in-depth tutorial that you can sink your teeth into and lose yourself for a few hours in coding bliss. And that’s what we have for you today, three tutorials that will satisfy your code craving! They are not only roll-up-your-sleeves and put-on-a-pot-of-coffee good but they will also introduce you to some of the latest CSS3, HTML5 and jQuery techniques.

A jQuery, CSS3 & HTML5 Hover-Based Interface

A jQuery, CSS3 & HTML5 Hover-Based Interface

In this awesome tutorial you will learn how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. The project you’ll be creating could easily be used for a portfolio or business site and the concepts you’ll learn could certainly be used to expand the idea further.
A jQuery, CSS3 & HTML5 Hover-Based Interface

Dynamic FAQ Section w/ jQuery, YQL & Google Docs

Dynamic FAQ Section w/ jQuery, YQL & Google Docs

In this tutorial, you will build a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with questions and answers.
Dynamic FAQ Section w/ jQuery, YQL & Google Docs

How to easily create charts using jQuery and HTML5

How to easily create charts using jQuery and HTML5

For years, Flash was the only solution to display a dynamic chart on a website. But thanks to modern techniques, the dying Flash isn't needed anymore. In this tutorial,you'll be shown how easy it is to transform a basic HTML table into a profesionnal looking chart using visualize.js, a very useful jQuery plugin.
How to easily create charts using jQuery and HTML5

By Paul Andrew (Speckyboyand speckyboy@twitter).

7 Comments

  • Krishna
    Aug 26, 2010

    I have the perfect solution for something I was thinking about for a project! :)
    Going to implement the dynamic FAQs I think!

    Love the Wanderwall demo… nice work! :)

  • sijEEsh
    Aug 26, 2010

    thanks for sharing.. :)

  • Three Kick-Ass Web Developer Tutorials | Lively Design Tuts
    Aug 26, 2010

    [...] Direct Link [...]

  • Xaby Web Design
    Aug 27, 2010

    Thanks for the resources.Seems to be what my clients is looking for ! Keep your posts going :)

  • MyBB
    Sep 5, 2010

    thanks for sharing…

  • resume template
    May 3, 2011

    Wow!! You really stay on top of things… This is a great blog you have!! I’m totally keeping your blog bookmarked! Lots of great info. for ‘’ !! I’m so glad I came across this… I was unaware that most of what you have posted was going on… Very interesting and resourceful blog!

    This post was extremely fascinating,
    especially because I was looking for thoughts on this subject last Thursday.

  • Metal Mulisha?s Todd Potter Ready For X (Part 1) | Singapore Education Blog Site
    Jul 11, 2011

    [...] Eduardo Aleman Jaime Alguesuari Julien Allemand This entry was posted in Uncategorized. Bookmark the permalink. ← “Jesse” Makes A Mistake Michael Jackson – History → [...]

Leave a Comment

Ask a Question on Design Reviver Answers