The modern web is always changing, and this article is more than two years old.
Lots of great stuff this week. Despite its age, SVG appears to be hot – this week’s update features three great posts all focused on SVG (and there’s been many more in recent weeks). Also, check out an extremely comprehensive overview of PhoneGap mapping solutions and a great look at using CSS shapes and CSS Regions together. Plus, lots of new, interesting libraries. Enjoy.
Sara Soueidan shows how combining CSS Regions with CSS Shapes creates a better, print-like reading experience.
Using CSS Regions With CSS Shapes For A Better Reading Experience
A thought-provoking post by David Walsh on the 5 “best practice” rules you should stop using.
5 Best Practice Mentalities to Get Over
Brian Suda discusses how to get started using SVG in HTML and how to use a technique from Vox Media to animate them.
Animating Vectors with SVG
Mike Fortress shows how Sprout used animated SVGs with custom easing and timing to significantly reduce page size.
Animated SVGs: Custom easing and timing
Create tabs by using a repeated shape template in SVG from Chris Coyier.
SVG Tabs (Using an SVG Shape as Template)
A look at the different behavior of input.select() across different browsers by Louis Lazaris.
input.select() — What’s the Correct Behaviour?
A great post by Tero Parviainen on building your own AngularJS from the ground up starting with scopes and digest.
Make Your Own AngularJS, Part 1: Scopes And Digest
Juriy Zaytsev shows a nice variety of canvas drawing techniques including a number of different types of strokes.
Exploring canvas drawing techniques
Tyler Sticka walks through how to build a Chrome Extension by showing how he built the Colorpeek extension.
Colorpeek, Part 2: Building Your First Chrome Extension
Libraries and Frameworks
Andrew Burgess takes a closer look at Node’s Event Module and it’s EventEmitter class.
Using Node’s Event Module
Toby Ho walks through how to use Esprima to detect accidentally leaked global variables in a program.
Fun with Esprima and Static Analysis
Rob Lauer compares 5 different mapping solutions for PhoneGap apps for ease of implementation, functionality and performance.
Mobile-Friendly Mapping for PhoneGap Apps
Build a quiz manager mobile application using jQuery Mobile by Raymond Camden.
Building a Quiz Manager for jQuery Mobile
New and Updated Libraries and Frameworks
phantomas is a PhantomJS-based web performance metrics collector and monitoring tool.
PhantomJS based, modular web performance metrics generator
Zoomerang let’s you add the ability to zoom on almost any element on your page.
OriDomi by Dan Motzenbecker lets you fold DOM elements like paper.
OriDomi – origami for the web
LargeLocalStorage is a large capacity, up to several GB when authorized by the user, key-value store in the browser.
TOMODOkorz lets you make cross-origin requests to any domain and can remove cross-origin restrictions from your site.
generator-threejs is a Yeoman generator for three.js experiments.
Paul Irish shows off new tools in Chrome DevTools for Mobile including screencast, port forwarding and emulation.
Chrome DevTools for Mobile: Screencast and Emulation
HTML5 UP! by AJ offers a number of free, responsive and customizable site templates.
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
Get Between the Covers of Build First
Andrew Trice shows how you can use a combination of PhotoShop and Edge Animate to create a cool parallax effect on mobile devices.
Photorealistic 3D Parallax Effects in HTML or Adobe DPS with Adobe Photoshop and Adobe Edge Animate