im now

Real-time resources and inspiration from the IM Creator team.

28.3.2024

Do-It-Yourself Web Development: The 7 Best HTML5 Tutorials & Resources

4.03.14 By Erez No comments

HTML specifications

Once an online rite of passage, learning HTML was crucial to getting your work onto the web when you couldn’t pay someone else to do it for you. These days, though, the presence of solid free, HTML5 website builders has all but obliterated the need for many online novices to take their knowledge a step further and actually learn HTML5, the latest version of HTML.

Still, the freedom that comes with looking at your website’s code and understanding what’s actually going on with your own website is empowering – and very useful when glitches arise. Think of it like being able to repair a leak or replace a lightbulb in your own home.

 

HTML5 Tutorials for Beginners

One of the truly wonderful things about programming is that everyone is learning and improving together, all the time. For this reason, dozens of free and immensely valuable resources exist to get even the greenest of developers started:

W3Schools is consistently thought of as among the top resource for HTML5 tutorials. They offer a complete list of elements, as well as a HTML editor that lets you try out an element and preview how it looks. Everything is laid out with the greatest of ease, in plain language.

TheNewBoston offers no fewer than 53 free HTML5 video tutorials on their website, including “Creating a Basic Template” and “Making Everything Pretty” as well as “Web thenewbostonStorage API”. TheNewBoston’s videos speak in plain language and keep a pace that allows even the newbiest of HTML5 newbs to stay with them.

 

DiveIntoHTML5, by developer guru Mark Pilgrim, is laid out like a University textbook, replete with pretty serif typeface and antique engravings. Once you get into Mike’s rhythm, though, you’ll soon find that he has deconstructed the history and the what’s, why’s, and how’s of HTML5 into bite-sized morsels, with plenty of FAQ’s, visuals, and real-world analogies.

diveintohtml5

 

HTML5 for Not-So-Beginners

 

Congratulations, you’ve figured out what to do with a canvas and how to work offline; things are moving along smoothly! Now that you have the basics under your belt, you can dive into more intricate aspects of HTML5:

 

“Jake” over at Develop-A-Website.com, an ever-generous resource when it comes to HTML5 tutorials, Jake has a great list of HTML5 resources for intermediate-level developers, including iPhone5 app development and game building. Most of the links he provides require a back knowledge of CSS, JavaScript, and HTML, but he warns about their understandability and difficulty level well in advance.

 

Contact Forms: 24Ways  Contact forms are a common source of grief for a lot of first-time developers, and this blog over at 24Ways (“to impress your friends”) by Inayaili de León does a very nice job of laying everything out. A full markup is provided, as well as code to help make everything look good. 24Ways is, in general, a wonderful user-driven resource of web-geekery.

 

HTML5Rocks is another go-to resource for user-provided HTML5 tutorials. Chances are, if you have a query or a problem that can’t be fixed, someone on this website is already way ahead of you. HTML5Rocks is a robust community with lots of opinions, so if you comment on a post or ask a question, expect answers.

html5 rocks

FTLabs’ Matt Andrews provides an immersive how-to on creating web-apps, written in clear English and with plenty of examples. FTLabs are an experimental department of the Financial Times, and their website offers plenty of helpful articles and tutorials, mostly for intermediate level developers.

 

Signup for the newsletter

Leave a Reply

Your email address will not be published. Required fields are marked *

MORE POSTS

Free PSD Files 2016 – New Designs Every Month

27.07.16 By Ali No comments

PSD files are basically Photoshop designs. PSD stands for Photoshop document which are proprietary file types from Adobe. Adobe Photoshop is the most commonly used web design platform due to its efficiency in the design to code process. Photoshop design web templates are the latest graphic design trend. Not only is it popular among average […]

more

Free Fresh PSD UI Kits – New Designs Every Month

19.03.16 By Ali 1 Comment

As a freelance web designer, the amount of work you have to put into a job can be overwhelming at times, and can be frustratiFebruary 2016ng if you aren’t sure where to begin or if you’re lacking inspiration. The sheer amount of work you have to do – and the fact that the nature of your […]

more
patterns15
Christmas_Textures_19