Using Modernizr, Polyfills, YepNope

Modernizr is a small JavaScript library that you can use for feature detection, browser compatibility using polyfills, and quick JavaScript loading. I’ll take each one in turn. It detects the availability of native implementations for next-generation web technologies, i.e. features that stem from the HTML5 and CSS3 specifications. Many of these features are already implemented... Continue Reading →

CSS3 Tutorial – Custom Fonts

Font embedding enables fonts used in the creation of a document to travel with that document, which ensures that a user views the document exactly as the author intended. For browsers that font embedding, fonts can be temporarily installed on a user's computer so that a Web page is displayed exactly as the you intend.Microsoft... Continue Reading →

HTML5, CSS3 Tip – Boilerplates

As you have seen in our introductory posts on HTML5, you will want to start with some sort of boilerplate. Boilerplates help you remember all of the items you need to be successful. HTML5Boilerplate helps you start your project with a lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering... Continue Reading →

CSS3, jQuery Tutorial – Selectors Reference

Use pattern matching rules to select elements in  your HTML document when using CSS and jQuery. These pattern rules are , called selectors. They can be simple element names up through rich contextual patterns. If all conditions in the pattern are true for a certain element, the selector matches the element.Selectors may apply to: All... Continue Reading →

CSS3 Tutorial – CSS Box Model

Every element in web design is a rectangular box. IN a previous post, Positioning & Inline, you learned about where the box is displayed. But that is only part of the story. The other part is about padding, border, and margin and how they affect where the box is displayed. When you type in F12... Continue Reading →

Powered by

Up ↑