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.
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: #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
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
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.
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
Truly Responsive Images with responsive-images.js
Svg-verlet.js is a verlet-based physics library for SVG files written in Coffeescript.
Apollo is a standalone DOM class manipulation API for adding, removing, toggling and testing the existence of classes on an element.
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
Brian has published in a variety of technical publications over the years, has presented at numerous conferences and events and has served as a technical editor on a number of books.
You can read Brian’s blog archive with 9+ years of content at remotesynthesis.com (he still posts, infrequently). You can find a full list of Brian’s past publications and presentations. Follow Brian on Twitter @remotesynth.