Best of JavaScript, HTML & CSS – Week of February 24, 2014



This week features lots of CSS, (relatively) new JavaScript API’s and a number of interesting tutorials covering a wide array of libraries and frameworks.


Tim Severien discusses the history of handling grids in CSS and new features in CSS3 that improve the situation.
Grids in CSS3

Thomas Palef continues his tutorial on making a Flappy Bird game in HTML5, focusing on adding animation and sound.
How to make a Flappy Bird in HTML5 – Part 2

Mary Lou experiments with a method for creating a nice, subtle border animation effect using SVG and CSS.
Creating a Border Animation Effect with SVG and CSS

Ariya Hidayat explains the differences between three JavaScript string functions: substring, substr, slice.
JavaScript String: substring, substr, slice

Trevan Hetzel describes an approach for nicely scaling and fitting an image within a fluid container.
A responsive approach to image scaling with CSS

Peter Gasston explains the Custom Elements portion of the Web Components spec and how to use it.
A Detailed Introduction To Custom Elements

Aurelio De Rosa discusses how to create speech in web pages using the Speech Synthesis API.
Talking Web Pages and the Speech Synthesis API

Chris Coyier shows a number of tricks that are common in Photoshop but now possible in the browser using CSS Blend Modes.
Basics of CSS Blend Modes

Libraries and Frameworks

Krzysztof Trzeciak discusses JXcore, a fork of Node that includes multi-threading, packaging and code security.
JXcore – A Node.JS Distribution with Multi-threading

See how Sass Control Directives such as if, for, each and while can help you write leaner Sass code from Scott O’Hara.
Getting into Sass Control Directives

While HarpJS doesn’t support nested layouts by default, Raymond Camden explains a workaround to get them to work.
Nested Layouts in HarpJS

Learn how to architect your Sass project to keep your project organized from Hugo Giraudel.
Architecture for a Sass Project

Burke Holland shares a number of best practices for using Kendo UI with Angular.
A Few Angular Kendo UI Best Practices

Nicholas C. Zakas demonstrates how to access data in a Google Spreadsheet using the Google Drive API and Node.js.
Accessing Google Spreadsheets from Node.js

Addy Osmani discusses different approaches for builds that have environment specific code.
Environment-specific Builds With Grunt, Gulp or Broccoli

Raymond Camden discusses a project for grabbing dynamic content from pages via CasperJS.
Interesting discovery with CasperJS, jQuery, and transitions

Krasimir Tsonev shows using window.matchMedia and a polyfill he created for that property to access media queries via JavaScript.
Using media queries in JavaScript (AbsurdJS edition)


Rachet is a set of components for mobile apps and Christophe Coenraets shows how to use it with Backbone in his sample app.
Employee Directory Sample Application with Ratchet 2.0

Holly Schinsky explains how to publish your custom PhoneGap plugin to the Cordova Plugin Repository.
How to Share Your Custom PhoneGap Plugin

Jim Cowart steps through how to build multi-platform mobile apps using the Kendo UI mobile framework within Telerik AppBuilder (formerly Icenium).
Getting Started With Kendo UI Mobile in AppBuilder

Matteo Spinelli discusses a number of performance tricks he has learned over the course of developing iScroll.

Performance Tricks for (Mobile) Web Development

Leave a Comment