HTML5 Zone is brought to you in partnership with:

Brian Rinaldi is a developer and community manager focused on HTML, CSS, JavaScript and Mobile development. He works at Adobe and is a frequent author and speaker. He blogs at http://remotesynthesis.com and runs a web and mobile developer focused publication at http://flippinawesome.org. Brian is a DZone MVB and is not an employee of DZone and has posted 34 posts at DZone. You can read more from them at their website. View Full User Profile

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

05.30.2013
| 3550 views |
  • submit to reddit

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.

Tutorials

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

Mobile

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.
helium-css

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

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

Etc.

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 Brian Rinaldi, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)