Top 10 Sites for Learning PHP

by on August 11th, 2011 0 comments

PHP is a powerful scripting language, which is the driving engine behind most of the today’s dynamic websites. It is estimated that it is used by more than 20 million websites and most of the reputable web hosts have PHP installed on their servers. According to many skilled programmers, the language is fairly easy to master and we have compiled a list of excellent sites, where you can learn PHP on your own and at your own pace:

Tizag

Tizag has a comprehensive PHP tutorial section, which you can browse and read online, or you can purchase all tutorials and download them as a single 100-page e-book. The tutorials cover everything from introduction and installation to more advanced topics such as sessions and cookies. If you ever need help and want to speak with other PHP programmers, then head over to the forum.

PHP Builder

PHP Builder – if you are searching for PHP templates, manuals, tutorials, scripts, and classes, then this is the site to check out. PHP Builder has a very active community PHP forum too, where you can get general help or ask questions about installing PHP, working with databases, upgrading, and more.

W3schools

W3schools has some of the best PHP tutorials, which are separated into basic and advanced topics and into sections that cover PHP database, PHP XML, and PHP and Ajax. The tutorials and well-written, to the point, and supported with code snippets.

Web Monkey

Web Monkey offers PHP tutorials for beginners, which cover the basics, error messages, statements, variables, forms, arrays, operators, logical operators, loops, and functions.

Learn PHP online

Learn PHP online hosts easy to understand tutorials, listed in six categories, covering from the very basics right to scripts and security. Once on the site, you can browse the tutorials, post comments, search them by keyword, or simply check out the most recent of them.

Tuxradar

Tuxradar has Practical PHP Programming tutorials, which are updated for PHP 5.2, very well written, and easy to follow. Divided into chapters, the tutorials cover every PHP topic imaginable and offer comprehensive information, supported with exercises and code snippets.

Phpbuddy

Phpbuddy is a site, which new and seasoned PHP programmers would find useful. It offers Quick Start PHP tutorials, scripts, and high quality PHP articles and downloads.

E-learningcenter

E-learningcenter offers PHP and MySQL series of courses, which are ideal for experienced programmers or beginners, looking to learn how to build versatile dynamic pages.

Daniweb

Daniweb forums – if you want to get in touch with likeminded PHP programmers or enthusiasts, or if you need help with whatever PHP-related concept you are struggling with, then head over to the PHP section and start posting.

Learn PHP tutorial

Learn PHP tutorial has some of the best-presented tutorials, which discuss the PHP basics, arrays, flow control, forms, code reusing, functions, data management, sending emails, sessions, cookies, and file management.

Learning PHP will put you on the right path to being a web developer. Once you learn that the sky is the limit on what you can do. If you have a favorite resource please feel free to share it with us in the comments.

How Web Designers Can Effectively Communicate With Their Clients

by on August 8th, 2011 0 comments

Working from home brings numerous advantages and if you are freelancing web designer, you can decide which projects to take and work from the comfort of your own home. However, many independent web designers and developers do not realize the importance of communication successfully with their clients. Web design and development is business like any other and prompt and efficient communication is just as important as great designing and developing skills. Here are a few tips, which could help you keep that two-way communication channel open and your customers happy:

Build Solid Relationships

Even prior to taking on a project, make sure that you know what your clients’ needs and expectations are. This is the time to ask questions, learn more about your new client, their organization and goals, and lay the foundation of a good relationship.

Listen Without Interrupting

You should realize than not all and perhaps most of your client will not be as design or computer savvy as you are, and they would have to explain what they expect form you in non-technical language. Take the time to listen to them, take notes, and interrupt only to clarify a point or ask relative questions.

Be Available

Many web designers work better by shutting all distractions off and if you are one of them, then make sure that you give your customers at least one option of reaching you quickly. In the case of an emergency, perceived or real, your customers would be satisfied only if you reply to them promptly. For instance, if you wish to turn your telephone off while working, then leave an instant messenger or email, where you can be contacted.

Be Organized

If you are dealing with only a handful of customers, then you could probably take all telephone calls and emails as they come. However, when your business starts to grow, it is better to have a solid system in place – you can have your clients’ project details in separate files, create a different folder in your email for the different clients, and keep good track of your communications. This will help you remember what was said and agreed on and when you are supposed to call your clients and update them on your progress.

Be Patient

You are likely to be dealing with clients from all backgrounds, some of whom will have little design or web development knowledge. It is important to be patient when explaining your vision for the project and to make sure that your client understands what needs to be done.

Avoid Lingo

Avoid using technical terms unless you are absolutely certain that your client is familiar with them. If you have to use jargon, then at least take the time to explain to your clients what the different terms mean and how they fit in the whole project.

Use a Project Questionnaire

This is an excellent way to learn more about your client, the project, and their preferred method of communication. In addition, you will have your client’s directions in writing and you can always refer to them at a later stage.

Have a Single Point of Contact

When dealing with large organizations and projects, you might have to stay in touch with more than one person, who in turn, might have to report to their superiors. This could easily cause delays and lead to frustration. It is best to know from the very beginning who from your client’s organization is in charge of the project and who will be communicating with you. Speaking to one person only could help you speed up matters and avoid misunderstandings and delays.

Have Face to Face Meetings

When working on smaller projects, a single phone call might be all that is needed. However, when working on large and complicated projects, you might want to arrange one or more face-to-face meetings and update your client on the project’s progress in person.

Provide Regular Updates

You should update your clients regularly and inform them on the tasks that you have completed, the tasks that you have planned, and the money spent. This will help your client spot any slippages and it will help you stay disciplined as well.

It is not enough just to communicate, you have to do it right. Utilizing these tips will put you well on your way to building a great relationship with your clients with solid communication.

Must Read Links for Web Designers and Developers – Volume 19

by on August 5th, 2011 0 comments

This week I really wanted to put together an awesome set of links. This list includes something for everyone from font enthusiasts to WordPress geeks we have it all. Forget going outside, it is too hot, stay indoors and check out these resources!

CSS

CSS3 Radial Gradients

30 Excellent CSS3 Tutorials

How To Create a Slick Features Table in HTML & CSS

60+ Finest Fresh CSS Website Designs for Design Inspiration

Generate CSS code with this Photoshop layer styles emulator

Resources for Styling Lists

Little CSS Stuff Newcomers Get Confused About

8 Useful CSS Tools

CSS FTW – Showcasing Fine CSS Websites

CSS Buttons: Tutorials and Examples

Fonts

46 Free & Elegant Calligraphic Fonts

New High-Quality Free Fonts

17 Comic and Cartoon Kids Fonts for Designers

Collection of Hand Written Fonts

25 Font Styles Showcase and Resources

50 Nice Script Fonts

jQuery

20 jQuery Tutorials Teaching Super Cool Visual Effects

22 Useful jQuery Animation Tutorials

25 jQuery Image Galleries and Slideshow Plugins

21 Useful jQuery Slider Tutorials

jQuery Boilerplate

2011 jQuery Tutorials for Enhancing Your Creativity

Simple Slide Effect on Blogger Using jQuery

20 jQuery Tutorials Teaching Super Cool Visual Effects

Photoshop

Fantastic Freebie: 3D Web UI Kit

Lock icon (PSD & PNG)

25 Awesome Wooden Textures

Photoshop Tutorial: Create a Feathery Shoe from Scratch

Slick Dark PSD Countdown Freebie

30+ Fresh Gadget Photoshop & Illustrator Tutorials

50 Free High Quality PSDs

Web Design & Development

Learning To Use HTML5 Semantic Elements

How to Develop Your Website’s Tone of Voice

25 Excellent Google+ Icons

Responsive Web Design Techniques, Tools and Design Strategies

Freebie: Professional E-Commerce Icons Set

Using White Space (or Negative Space) in Your Designs

8 Useful Tips and Tricks for New Graphic Designers

Web Usability: Top 5 Tips For Your Website

Top 12 Web Design Guidelines (For Print Designers)

12 Steps to Better Navigation

Learning to Use HTML5 Semantic Elements

Screenfly – Test your website at different screen resolutions

22 Sets of Free Google+ Icons from Around the Web

WordPress

8 New and amazing WordPress hacks

Using Custom Post Types to Create a Killer Portfolio

10 Beautiful WordPress Image Gallery Plugins

34 Interesting WP Plugins Released In The Last Three Months

35 Top WordPress Mobile Theme and Plugin Collection

More Fields « More Plugins

I hope you enjoyed this list. Have a great weekend.

10 Must Listen to Podcasts for Web Developers

by on August 4th, 2011 0 comments

As a web developer, you would want to stay on top of the latest technologies and follow and learn from other developers as well. While reading numerous web development websites and personal blogs is always useful, you can also follow a number of podcasts and listen to the latest news and interviews of successful and skilled developers. We have compiled a list of 10 podcasts, which web developers should listen to:

ThinkVitamin

Think Vitamin offers biweekly podcast, which is hosted by Keir Whitaker, who is joined by Ryan Carson and Mike Kus to discuss the latest in web development. The sessions cover CSS, HTML, JavaScript, jQuery, Ruby, and various other topics.

The Dev Show

The web podcasts are hosted by Dan Benjamin and Jason Seifer and focused on PHP, Java, JavaScript, Ruby, and other web development technologies and topics. On the website, you can check out the schedule of the show and if you wish to participate or ask the host or his guests a question, you can join in by live chat or make a direct phone call.

The Change Log

Hosted by Adam Stacoviak and Wynn Netherland and with Steve Klabnik as a contributor, the podcasts cover various open source topics, which typically solve real-life problems. You can listen to the different episodes or browse the site’s archives, follow on Twitter, or subscribe to the podcast with iTunes or RSS.

Yahoo! Theatre

Yahoo’s developer network offers wealth of information on every web development topic imaginable. You can watch some of the top developers discuss various technologies and you can download the videos to your hard drive too, or read the transcripts and stay informed on the latest web development trends.

jQuery podcast

So far, there are 45 episodes that you can listen to and every single one of them is related to this powerful cross-browser JavaScript library.

The WordPress Podcast

Despite its name, the episodes cover not only strictly WordPress-related topics, but also look into web blog development, blog and site monetizing, search engine optimization, and more. However, the majority of the episodes discuss the world’s most popular CMS, WordPress development, plug-ins, and other related topics.

The Big Web Show

Hosted by Dan Benjamin and Jeffrey Zeldman, the big web show discusses web technology, typography, web content, design, social media, and other web-related topics.

The Userability Podcast

On the website, you can find numerous recorded sessions, discussing not only usability, but also design principles, mobile design, PDF and HTML prototypes, visualizations, responsive web design, and other hot subjects.

Workers of the Web

The website has podcast and blog posts, which cover numerous topics that might interest not only web developers, but everyone who spends his or her day working on the Internet or behind a computer. The topics range from dealing with clients when working as a web developer to ways to reduce the strain on your back while working behind a computer.

CSS Screen Casts

css-tricks.com has close to 100 videos, covering various CSS and HTML topics and the website allows you to watch them online or download them as m4v files. Some of the latest videos touch on HTML5 form types, attributes, and elements, CSS animation, body borders, border gradients, CSS slideup boxes, and table drawing.

Do you have a favorite web developer related podcast? Please share it with us in the comments.

Top 10 Sites for learning CSS

by on August 2nd, 2011 0 comments

Cascading Style Sheets (CSS) is a style sheet language, which enables web designers and web developers to change the way their websites look. The power of CSS lies in its capability to separate the content of a web site from its presentation, and it also allows webmasters to make changes to numerous web pages that use the same CSS file. CSS offers accessibility, flexibility, easy page formatting, and side-wide consistency, and is applicable to pages, written in HTML and XTML, as well as XML, SVG and XUL.

What are the top ten sites for learning CSS?

W3Schools

this is one of the best-known tutorial websites, which has a CSS section. On w3schools.com, you will find numerous, very well written CSS tutorials, which cover almost all basic and advanced topics. The site also has a few quizzes, which allow you to test your knowledge and hundreds of CSS examples that let you put that knowledge into practice.

HTML dog

Has CSS Beginner, Intermediate, and Advanced tutorials, all of them supported with examples and all of them very easy to follow.

Csstutorial.net

Entirely dedicated to CSS, this website offers tutorials, videos, tips and tricks, news, and even a podcast.

CSS Basics

Very elegantly designed and very easy to navigate, the website offers 18 chapters of CSS text, which cover syntax, classes, IDs, spans, margins, padding, text, borders, backgrounds, lists, and more.

CSS dog

The tutorials are separated into beginner and advanced sections and they are all very well written and supported with code snippets.

HTML Goodies

This is one of the oldest and best know tutorial websites on the web, which originated as the place to learn HTML and now offers CSS tutorials as well. The simple design, easy navigation, and the well-structured tutorials make it one of the top places to learn CSS.

Tizag

At the time of this writing, the site offers fourteen CSS tutorials and covers seven advanced topics, but what makes its tutorials stand up is the fact that they cover more real life examples than other websites. Each tutorial discusses different CSS feature, comes with numerous examples, and even allows you to try the code out in your browser.

Site Point

Written by the senior web designer Ian Lloyd, the beginner’s CSS guide, which is posted on Site Point is definitely one of the best-written and easy to follow. It is written in a clear and concise style and it uses screenshots and code snippets to help you master CSS.

CSS Easy

This is the place to go if “you don’t want to read CSS books of 500+ pages.” The site has four fluid and four fixed layouts and if you want to use and modify any of them for your own needs, all you have to do is view and copy the source code from the respective web page, and save it on your hard drive.

CSS3.com

If you want to master the latest CSS variation, CSS3, then this site is an excellent starting point. The tutorials cover every single property, list its possible values, and have easy to understand and use examples.

These are our the ten best sites to learn CSS on in our opinion. What is your favorite site to learn CSS? Please share with us in the comments.

Need a New Camera? Check Out Our Digital Camera Buyers Guide

by on August 1st, 2011 0 comments

canon-digital-cameraDigital cameras are amongst the most sought after gadgets. Right now, there are hundreds of digital camera manufacturers, offering thousands of models and with the vast array of digital cameras, it is often difficult for the consumer to pick the best model that he or she can afford. Most of us need cameras, which are easy to use, take excellent quality photos, shoot decent movies, and are small enough to fit in a shirt pocket. Of course, there are photographers, who take shooting pictures far more seriously and are after high-end models that offer better performance and have more features than the average point-and-shoot camera. Before buying a digital camera, you need to determine your own needs and decide if you are going to use the camera only on your next vacation, if you are more likely to take indoor pictures, or if you need a top of the range camera, which you can use with different lenses to take pictures in different shooting conditions. Once you have decided on the camera type, your budget, and your own needs, it is time to take a closer look at the different models’ specifications and pick the right one.

Resolution

The resolution, which is measured in megapixels, is one of the top selling points of many manufacturers, but the truth is that higher resolution does not always guarantee better pictures. Most cameras today come with high enough resolution, but only when this resolution is coupled with high quality sensor and lens it could make a significant difference. On the other hand, higher resolution is a must if you intend to print out your photos as large posters.

Optical zoom vs. Digital Zoom

12X-optical-zoomOptical zoom is the one that deserves consideration as it measures the increase of the focal length of the lens. The optical zoom is the measurement, which identifies the “real” magnification that the camera is capable of, while the digital zoom is achieved by taking the photo and cropping it, which typically degrades its quality significantly.

Storage

Most digital cameras today come with built-in memory, which could hold a few high-resolution photos only. However, they also have a separate card slot, which takes external memory cards that extend the camera’s storage and allow the users to shoot all day long, without having to worry about running out of space. The most widely used external memory cards are SD (Secure Digital) and SDHC (Secure Digital High Capacity), where the SDHC cards typically have higher capacity and guaranteed transfer rate as well.

Battery Type and Life

Almost all older digital cameras use AA batteries, which although readily available and inexpensive are drained quickly and had to be replaced quite often. Purchasing a camera with rechargeable nickel metal hydride or lithium ion batteries will save you time and money in the long run, but carrying a spare battery (or batteries) is always recommended.

Video Mode

SONY_A33_Handling_BackEven most of the budget digital cameras come with video recording mode, but if you intend to shoot plenty of videos, then you would want to make sure that your camera can deliver. When looking into the camera specs, find out if it comes with video zoom, what file format are the video files saved as, and if the quality of the sound is adequate. In addition, you should consider a model, which has decent image stabilization and which allows you to use autofocus while recording movies. Keep in mind that unlike the point and shoot digital cameras, many of the DSLRs do not have video recording mode, but the ones that do, typically record videos in high definition and deliver outstanding video quality.

Menus and Ease of Use

This is another factor, which many consumers easily overlook. If you purchase a top of the range digital camera, but have to spend a long time, searching for even the basic shooting options, then you have made the wrong choice. Many of the latest models come with touch screens, which allow you to access the menu immediately, and some menus have icons and on-camera help guides that can help you find and use every option in matter of seconds.

Startup Time and Shutter Lag

shutterSome of the budget cameras could be quite slow, which is not necessarily a major disadvantage if you intend to use them on your holiday. However, if you need speedy performance, then the startup time and the shutter lag are quite important. If you intend to shoot fast moving subjects or you want to be able to take a number of shots in quick succession, then check out if the camera comes with burst or continuous shooting mode and find out how many pictures per second these modes take.

Manual Settings

Most point and shoot digital cameras come with automatic shooting mode, which either analyzes the shooting condition on its own or allows you to choose amongst a number of predefined scene modes. The automatic settings could work quite well for most people most of the time, however, if you have to take a photo in challenging shooting conditions, then being able to pick some of the settings such as white balance or exposure manually could make all the difference.

Interfaces

Camera_UIMost digital cameras come with video and audio cables and USB ports, allowing you to connect them to your TV and preview the pictures and play back the movies, or upload the files to your computer. Some of the latest models come with mini HDMI cables, which can be connected to HDTV and other HDMI-ready displays, and some cameras have wireless capabilities, enabling you to send the photos directly to your computer, laptop, printer, or mobile device.

Size, Weight, and Appearance

Sleek design is always a plus and so are a small size and minimal weight. If you are after a DSLR camera, then you would have to put up with the extra weight and bulkiness, but they allow you take professional photos and use interchangeable lenses. The compact digital cameras on the other hand can be slim, elegant, and very light and yet pack great features, offer decent zoom, and deliver excellent performance.

Buying a new digital camera can be an intimidating thing if you are unsure of what you need or what you are looking for. This article was intended to help explain some of the lingo involved with digital cameras. Please feel free to ask any questions in the comments.

The Evolution of Portable Music – Infographic

by on July 29th, 2011 1 comment

I am old enough I remember when the Sony Walkman was the must have gadget. We have come a long way with portable music, just look at what we are using today as opposed to just 15 or 20 years ago. It makes me wonder, how did we survive without or iPhones and other gadgets of convenience?


600 pixels wide version

760 pixels wide version

1000 pixels wide version

WordPress Support – The 10 Best Sites to Get WordPress Help

by on July 27th, 2011 0 comments

Installing and using WordPress is quite straightforward and you do not need any programming knowledge in order to do so, but even the most experienced webmasters and web developers have had WordPress related questions at one time or another. Read on to find you what the top 10 best sites to get WordPress help are:

Search Engines

Google, Bing, Yahoo and the other search engines should be everyone’s first choice. Simply type your question or problem in the search box and you are likely to find an answer quickly. If you are getting an error when running WordPress, then put the error message in inverted commas in order to narrow down your search and get more targeted results.

WP Questions

What makes this website great is its operating model. In order to have your questions asked, you need to pay and this motivates other users to answer your questions quickly. If your website is down and you need and emergency help, then instead of running hundreds of searches and reading a number of irrelevant posts, head on to WP Questions and have you issue resolved right away!

WPMUDev.org

Even though WPMU is no more, the Wpmudev.org forums are as active as ever. The website offers support for beginners and advanced users, has numerous tutorials, manuals, and videos, as well as live chat support.

WordPress Stack Exchange

Similar to other Q & A websites, WordPress Stack Exchange is extremely easy to use and you can post your question right away, as well as add links, images, code, or HTML to your question in order to explain the problem that you are struggling with.

WordPress IRC Live Help

The WordPress IRC channel is quite active and you are likely to have your questions answered fairly quickly by experts and enthusiasts. You need an IRC client in order to be able to access the chat room, but there are plenty of free ones for Windows, Linux, and Mac OS X.

WP Help Center

A paid service, which operates Mon-Fri, 8am-6pm Pacific Time and offers support, maintenance, and customization to their customers. The website offers per-issue support and development, as well as four subscription plans.

WordPress.org support forums

Naturally, these are amongst the most active WordPress support forums, conveniently divided into a number of sub-forums such as Installation, Troubleshooting, Themes and Templates, Plug-ins, and others. Before posting your question, run a quick search in order to find out if it has been answered already – with hundreds of thousands of topics and close to two million posts, there is a good chance that the issue has been already debated. If you do not find what you are looking for, read the FAQ or post in the appropriate sub-forum.

WordPress.tv

Loaded with thousands of how-to videos, divided into great number of categories and covering issues from installation to customization, this is one excellent site to get WordPress help.

WordCamp Central

The site organizes paid sessions, which focus mainly on using and developing WordPress. Click on the schedule link in order to find out if there is an upcoming session, which you would like to attend.

WordPress Codex

This is the place, where you will find answers to hundreds of thousands of WordPress-related questions. The section is available in five languages and covers installation, getting started, working with WordPress, troubleshooting, advanced topics, and developer topics.

There are great many other places, where you can get quick WordPress help such as interest groups and webmasters forums, but the listed sites are likely to give you the help that you are looking for when you need it and save you a lot of frustration and time!

Must Read Links for Web Designers and Developers – Volume 18

by on July 22nd, 2011 0 comments

Another Friday another great list of links for web designers and developers.

CSS

Create An HTML/CSS Mobile Web App Using Sencha Touch

Create a Clean and Stylish Login Form With HTML5 and CSS3

50 Useful CSS Tools And Generators for Developers

Animated Navigation with CSS3 Transitions and Transforms

A new micro clearfix hack

Coding Icons with the Help of Pseudo-Elements and CSS Property Clip

Create a 404 page with CSS3 animations

Sprite Animation in CSS3

Should You Start Using CSSLing?

Free xHTML/CSS website template

Foxy – CSS Framework

jQuery

jQuery quickie: Colourful rating system with CSS3

Cool notification messages with CSS3 and jQuery

Resource Roundup: 16 jQuery Plugins for Web Designers

50 New And Crazy Cool jQuery Plugins From Year 2011

8 New and Useful jQuery Plugins

Photoshop

Create a Toy Camera Effect in Photoshop

100 Highly Useful Free Liquid Textures For Designers

15 Photoshop Cheatsheets

100 Free Awesome Decoration & Shape Brushes

Best Free PSD & Badges UI Elements

Free PSD Contact Form

50 Very Well Explained Photoshop Tutorials from the First Half of 2011

Web Design & Development

Useful Free Multimeida Web Icons for Designers

Git: A Designer’s Primer

Under The Site – Find Out What Sites Are Running On

Plastique Social Icons

Cool Website Menu Design Ideas

HTML5 Pattern Generator

#The50 Things Every Creative Should Know

19 Important Features to Look for in a Web Host

32 Handy Google Chrome Extensions for Web Developers

WordPress

 The future of WordPress: Q&A with founter Matt Mullenweg

Change WordPress 3.2 Editor Font

Have a great weekend!

 

The Web Development Process – Infographic

by on July 15th, 2011 1 comment

The web app development process can be an intimidating thing to take on. There is so much to do from wireframes to coding to design, so it is no surprise it is such a daunting task. In this week’s infographic we break the process down at a high level and hopefully provide a more structured starting off point. Enjoy!


600 pixels wide version

Infographic: Ultimate WordPress CheatsheatUltimate WordPress Cheatsheat by Tech King

760 pixels wide version

Infographic: Ultimate WordPress CheatsheatUltimate WordPress Cheatsheat by Tech King

1000 pixels wide version

Infographic: Ultimate WordPress CheatsheatUltimate WordPress Cheatsheat by Tech King

The Ten Tops Sites to Learn HTML

by on July 12th, 2011 0 comments

Creating a website is far easier than most people believe, but if you do not want to use a pre-made template or content management system, then some basic HTML knowledge would be highly beneficial. HTML stands for Hyper Text Markup Language and it defines the code, which is used to build websites – once the basics are mastered, using HTML is straightforward and with the help of nothing more than a simple text editor, you can have a website up and ready in no time. Listed below are the top ten sites, where you can learn HTML:

1. HTML dog

Has well-written HTML tutorials for the beginners, as well as the intermediate and advanced users. In addition, the site offers examples and articles, which could help you master HTML quickly.

2. html.net

Offers HTML, PHP, and CSS tutorials and the HTML section has 15 lessons at the time of this writing. Each lesson covers a separate topic and by Lesson four you would be able to create your first website, albeit not overly intricate one. The tutorials are supported with code samples and screenshots and are very easy to follow.

3. HTML Tutorials

Created by John Gilson, a Mathematics Department Head and teacher. There are 48 lessons in total, covering almost all HTML topics.

4. Webucator

Has some of the best-written and presented HTML tutorials, which beginners and advanced users alike could learn from. Each tutorial is supported with code samples and screenshots, which makes learning HTML so much easier!

5. W3Schools Home

Has HTML tutorials, which cover basic and advanced topics. Next to each example, there is a “try it yourself” button, which allows you to edit the code and see the results right away. The site includes HTML references, separate Examples chapter, and HTML Quiz, which you can use to test your knowledge.

6. davesite.com

Offers 10 Chapters on HTML, which cover the basics, tags, lists, links and images, fonts, text colors, and more. The website allows you to type the code and test it from within your browser.

7. dev.w3.org

If there is anything that you wish to know about HTML5, the 5th revision of HTML, then dev.w3.org is the place to go. It covers everything from background, history, and terminology, to the last new feature of HTML5.

8. Dive into HTML5

On online book on HTML5 by Mark Pilgrim, which contains 13 Chapters in total. Every chapter is supported by examples and since there are no banners or distracting ads on the site, this is definitely one of the best places to start learning HTML.

9. HTML5 Doctor

Another excellent HTML5 resource, which comes with article achieve and element index. You can search the website by keywords and even submit your questions on any HTML5-related topic.

10. HTML5rocks

Has step-by-step HTML5 tutorials, interactive introduction to HTML5, samples studio, and code playground. In addition, the tutorials are broken down in seven groups, covering the major HTML5 features.

What is your favorite site to use to learn HTML? Please share with us in the comments.