Best of JavaScript, HTML & CSS – Week of November 11, 2013

by Brian Rinaldi on November 18, 2013

The modern web is always changing, and this article is more than two years old.

Another busy week as usual. Some highlights this week include the continuation of series on building a parallax game using Pixi.js by Chris Caleb, a 3D Mac Plus scene built with pure CSS by Donovan Hutchinson, and a library for handling asynchronous programming by Vittorio Zaccaria.

Tutorials

Donovan Hutchinson explains how to create an animate a 3D scene using just CSS, no JavaScript.
Creating 3D assets with CSS

Donovan Hutchinson follows up his Inspire article with an article showing how he recreated the Mac Plus in a 3D scene using CSS.
CSS Mac Plus

Several methods to add padding to multi-line text using CSS by Chris Coyier.
Multi-Line Padded Text

Diego Pardo on how to create a cool, animated 3D type effect using pseudo-elements, CSS transforms and transitions.
Animated Opening Type

Wilson Page covers the basics of DOM Events, looks at how they work and some common problems they can solve.
An Introduction To DOM Events

Rob Dodson shares a solid guide to the various pieces of the Web Components spec.
A Guide to Web Components

HTML Imports are part of the Web Components spec and Eric Bidelman shows how they let you load related HTML, CSS & JavaScript files.
HTML Imports: #include for the web

Steven Souders discusses ways in which the HTML Import spec will allow ads to finally be loaded asynchronously, as in non-blocking.
Async Ads with HTML Imports

Libraries and Frameworks

Chris Caleb continues his tutorial series on building a browser-based, parallax scrolling game with Pixi.js.
Building a Parallax Scrolling Game with Pixi.js – Part 2

Learn how to create an online video player with DASH-264 and Dash.js from Jeff Tapper.
Building an Online Video Player with DASH-264

Learn the basics of using the AbsurdJS, a JavaScript-based CSS and HTML preprocessor, from Krasimir Tsonev.
AbsurdJS fundamentals

Mary Lou shows how to use Elastic Stack a library that navigates thumbnails with an elastic dragging interaction.
Elastic Stack: Elastic Dragging Interaction

Pavan Podila discusses the ways in which the React framework’s approach to UI and interactions is different than you may be used to.
Intro to the React Framework

Mobile

Holly Schinsky covers three hooks that every PhoneGap project using the Cordova CLI should use.
Three hooks your Cordova/PhoneGap project needs

New and Updated Libraries and Frameworks

A new library called Chained by Vittorio Zaccaria allows chaining of any asynchronous method, with or without promises.
Taming Asynchronous JavaScript Programming with ECMAScript6

Hoodie is a front-end framework with built in user accounts and authentication, data storage and sync, background tasks and more.
Getting Started with Hoodie

Koen Vendrik introduced responsive-images.js, a JavaScript library for image replacement using clean HTML markup.
Truly Responsive Images with responsive-images.js

Svg-verlet.js is a verlet-based physics library for SVG files written in Coffeescript.
svg-verlet.js

Apollo is a standalone DOM class manipulation API for adding, removing, toggling and testing the existence of classes on an element.
Apollo

Etc.

Sebastian Ekström discusses the process that additions and changes to the CSS spec have to go through before getting approved.
The CSS Standards Process