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
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
Who knew that SVG has a full-featured syntax for animation that makes CSS3 animation capabilities look so basic
The following is a guest post by Sara Soueidan. Sara has a knack for digging deep into web features and explaining the heck out of them for the rest of us.
A quick example of the syntax:
Read more from the source: CSS-Tricks
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