For those of us who are used to working with XHTML this is going to seem a little odd but, with HTML5, we no longer need to add a trailing slash on self closing tags like images and inputs. When using an img tag do you tend to set it up like this? Well, that
With all of the great frameworks popping up it can be difficult to choose the “right” one. Besides doing some really great things, probably the two most popular frameworks Twitter Bootstrap and Zurb Foundation, can be a little overreaching at times when it comes to theming them. You may find that you have to overwrite
CSS provides us with a handful of pseudo classes that are specific to HTML5 forms. They allow us to create forms that are easier to fill out by highlighting fields that are required, optional, valid, invalid, etc. Pseudo Classes for Forms The following pseudo classes are all related to form elements with examples on how
With HTML5 we have been given new input types (email, tel, url, number, etc.) and built in browser validation to validate them. This is great but you may want to disable this validation if you want to test your server side validation, use custom validation, or something else. This is where the novalidate property comes
Modular is the new black when speaking in terms of the web. From the back-end perspective, developers have been building modular, object-oriented code for a long time now. Well, as web technologies and our development processes continue to improve, more and more of these back-end, programmatic philosophies are finding their way into front-end development. The
The HTML5 mark tag was created in order to highlight text within a document that is relative to another context. This is perfect for highlighting the search term in a list of results. For Example… Google currently does this using an em tag: When it comes to semantics, the HTML5 mark tag is a better
Have you ever wanted to automatically place the cursor in a field when the page is rendered? I know I have. This sort of thing used to require more than just HTML to accomplish but with now HTML5 it’s a breeze. Here’s how you can autofocus fields with HTML5 form attributes. Yep, it’s that easy.