HTML5 Tutorials
18 pages tagged “HTML5 Tutorials”
-
Do Hackers Care About Your Meta CharSet?
The other day, I got this question about the meta charset tag in the mail: “Would you be so kind as to explain to me, in logical terms, how in 7 hecks does the presence of: <meta charset="utf-8"> is …
-
HTML5 Cheat Sheet
I built an HTML5 cheat sheet for myself, so that I could make sure that my tag libraries were up-to-date and so on. And then when I finished, I realized that this might be something you would like …
-
The Lazy Way to Mobile-Friendly
Or How I Made a Simple Change on a Bootstrap Site to Please Google Like most web designers I know, I am frantically trying to get many websites mobile-friendly in time for Google’s deadline of April …
-
How to Speed Up Your Website with GZip Compression
If you follow the instructions on the Yahoo! YSlow best practices, one of them is to compress your pages using gzip compression (“Gzip components”). By doing this, you compress all your files before …
-
What Semantics Means in HTML and Why You Should Care
Once you’ve been writing HTML for a while, you may come across the term “semantic HTML.” But what does that really mean? What is Semantics? You may have heard the phrase “that’s just semantics” used …
-
Basics of HTML5
HTML5 is no more difficult to learn than any other version of HTML. But there are a few things you can do to make it easier and more cost-effective to using it. Start with the Doctype The easiest way …
-
Not all design testing tools are created equal
I’ve noticed lately a proliferation of websites like Responsive Design Testing Tool which claim to offer a way to test your responsive web designs in different browser or device widths. I happily …
-
Playing with Zeen - I created an HTML5 magazine
[caption id=“attachment_490” align=“aligncenter” width=“757”] Latest issue of HTML5 Zine I’ve been playing with the new webzine creation tool: Zeen. I’ve linked to several of my articles about HTML5 …
-
I'm loving SVG
One of the great things about HTML5 is that there is a proposal in the W3C to allow HTML5 and XHTML to include SVG inline in the documents. But what’s especially great is that if you’re using a modern …
-
What is ugly HTML?
Yesterday, someone asked me the question: “What is ugly HTML?” And I realized that this isn’t necessarily an obvious thing. HTML is often ugly simply because of how it looks, this mostly centers …
-
Learn the HTML Elements Removed from HTML5
There are several HTML 4 elements that have been removed from HTML5. In order to use HTML5 correctly, you should stop using these elements. In HTML 4 elements that removed from the specification are …
-
Learn the New HTML5 Elements
One of the first things you want to learn when you start learning HTML5 are the new elements. There are several new HTML5 elements to add new features and functionality to HTML5. New HTML5 Elements …
-
HTML5 Video Codec Wars
One of the reasons many people dislike HTML5 video is because you have to encode the video in multiple codecs to work on multiple browsers. In fact, in an article I just read that was one of the …
-
The TIME Element Has Been Removed in Favor of DATA
As of October 29th there is a new element in HTML5: DATA. The DATA element is for defining content that has both human- and computer-readable data. Some examples of this are: Dates and times Numbers …
-
Using HTML5 Video and Audio
On my About.com site I wrote an 11-page article explaining how to add video using HTML5 with fallback options for Internet Explorer. I also have a similar (although a lot shorter) article on how to …
-
Borders on tables now ok in HTML5
If you use tables (not for layout, of course) it can be very tedious to get the borders to surround every cell using CSS. You need to set the border on the table and on every th and td, and then …
-
YouTube delivers WebM video
The YouTube blog announced yesterday that they are now serving videos in the WebM format. They will continue to support H.264, and they are committed to continuing to develop their HTML5 player. You …
-
Picking the Right Video Player for Your HTML5 Video
Unfortunately, while HTML5 brings us a much easier way to embed videos into your web pages, but because of many factors, it still(!) isn’t possible to just drag your video into the video tag and then …