Category Archives: HTML

HTML5 Boilerplate version 5.0 release notes

HTML5 Boilerplate is out with some great improvements and support dropped for IE6 and IE7

 

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Highlights of version 5 changes:

– Update to jQuery 1.11.2.

– Update to Modernizr 2.8.3.

– Add /.editorconfig file (#1561, #1564).

– Remove IE 6/7 hacks from main.css (#1050).

– Remove IE conditional classes (#1187, #1290).

Read more from the source: html5boilerplate.com

Elastic SVG Elements

Holy crap, you can use SVG to animate content boxes that bounce, flex, and change shape!

Today we’d like to share some inspiration for adding elasticity to elements. The idea is to integrate an SVG element into a component and then animate it from one path to another with an elastic animation. Using SVGs like this can make things like menus, buttons or other elements more interesting and make the interaction look more organic with a natural feel to it. It’s of course important to keep things subtle and not exaggerate the bounciness. The nice thing is that we can give a more “realistic” interaction feedback to the user. Especially touch feedback can benefit from using this kind of effect. Based on this idea, we’ve created some inspirational examples of contexts where a morphing shape animation enhancement could make sense.

Read article and view demos as Codrops

HTML5 Prefetch: predict users actions and optimistically load resources ahead of time for better performance

Use HTML to tell the browser to prefetch content or even prerender a page

 

DNS prefetching is supported by IE9+ and all other major browsers.

Amazon.com is already using dns prefetching on its web site:

Subresource prefetching is supported by Chrome. Example:

Content prefetching is supported by IE10+, Chrome and Firefox. Example:

Page prerendering is supported by IE11 and Chrome.

Read more from the source: Medium