Over a million developers have joined DZone.

Best of JavaScript, HTML & CSS - Week of May 20, 2013

DZone 's Guide to

Best of JavaScript, HTML & CSS - Week of May 20, 2013

· Web Dev Zone ·
Free Resource

There's a lot to cover this week, so I'll make the intro brief. Sorry for the delay in posting but with the US holiday yesterday and today I arrived in San Francisco for Fluent, it is a busy week for me too. If you happen to be here, you can catch me speaking tonight at the Ignite event and again on Thursday at the conference.


Good article by James Padolsey on "cargo-culting" in JavaScript, which is essentially copying the practices of others without understanding them.
Cargo-Culting in JavaScript

Ariya Hidayat shows how ECMAScript 6 will allow the use of block scopes.
ECMAScript 6 and Block Scope

Dr. Axel Rauschmayer continues his JavaScript quirks series by showing how closures can inadvertently share variables.
JavaScript quirk 7: inadvertent sharing of variables via closures

Wilson Page shares a case study on building the new Financial Times web app covering flexbox, modularization & more.
Building The New Financial Times Web App (A Case Study)

David Walsh shows how to use CSS generated content.
CSS content and attr

Chris Coyier posts the keywords and syntax for various logic in media queries.
Logic in Media Queries

Harry Roberts explains how loose selectors in CSS relate to poor scoping in programming, and how to avoid them.
‘Scope' in CSS

Raymond Camden discusses the different pieces that make up web components and why he thinks they are awesome.
The Future of the Web

Mary Lou posts an experimental natural language form using custom input elements instead of the usual form display.
Natural Language Form with Custom Input Elements

David Storey shows how to use Flexbox for source-order independence, flexible sizing or just centering elements.
Designing CSS Layouts With Flexbox Is As Easy As Pie

Marco Barria shares some very cool experiments that use CSS animations and transitions on pseudo-elements.
Examples of Pseudo-Elements Animations and Transitions

Rebecca Murphy discusses how to write testable JavaScript code.
Writing Testable JavaScript

Anthony Colangelo explains how to use modules to make JavaScript application code well-organized and easy to reuse.
The Design of Code: Organizing JavaScript

Raymond Camden explains how to capture camera/picture data using HTML and JavaScript.
Capturing camera/picture data without PhoneGap

Alex Young explains the background and reasoning behind JavaScript modules.
Terminology: Modules

Raymond Camden shows a useful example of how to use the page visibility API.
Using the Page Visibility API

Alexander Futekov posts a different and very cool example of creating a 3D parallax effect for buttons and other elements.
3D Button Parallax

You know you want to find an excuse to use these pure CSS Star Wars lightsaber checkboxes.
Pure CSS3 Lightsaber Checkboxes

Libraries and Frameworks

Azat Mardanov shows how to use Express.js parameters, error Handling and other middleware.
Intro to Express.js Parameters, Error Handling and Other Middleware

Jonathan Creamer posts a useful deep dive into Require.js features.
Deep dive into Require.js

Alex Young continues his AngularJS series by taking a closer look at dependency injection.
AngularJS: More on Dependency Injection

Joel Hooks shares the lessons he's learned after a year working on a large AngularJS Project.
Lessons Learned: A Year with a Large AngularJS Project

Jake Bresnehan shares a number of Sass mixins he has created.
Handy Sass Mixins

Renaun Erickson walks through his first experience building an example application using the MontageJS MVC framework.
My First MontageJS Application

Andrew Bergess shows you how to get started using the new Two.js framework for drawing.
Drawing With Two.js


Rob Lauer demonstrates how to build a game that collects in-app payments using the mozPAy API for Firefox OS
Building a Game with In-App Payments for Firefox OS

Allan Berger discusses techniques for getting website ready for Retina display.
The Right Way to Retinafy Your Websites

New and Updated Libraries and Frameworks

The latest Brackets build includes better file management and a further improved extension manager.
Brackets Sprint 25 Build

JSON Editor Online is a web-based tool to view, edit and format JSON using a side-by-side treeview and code editor.
JSON Editor Online - view, edit and format JSON online

Helium is a JavaScript-based tool that runs in the browser and discovers unused CSS across many pages on a web site.

AopJS is an aspect oriented library for JavaScript that can be used standalone or as a jQuery plugin.

Anchorify.js is a simple JavaScript library for automatically creating anchored headings in your HTML documents.


Prepros compiles Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live CSS injection on Windows.
Prepros App


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}