Over a million developers have joined DZone.

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

DZone's Guide to

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

· Web Dev Zone ·
Free Resource

A true open source, API-first CMS — giving you the power to think outside the webpage. Try it for free.

Much of the community, it seems, was busy either at the Fluent or JSConf conferences this week, on opposite ends of the country (myself included - thus the lighter than usual tweeting of these links). While that seems to have meant fewer tutorials, however, there were a number of significant new libraries and frameworks released this week.


Ryan Anklam discusses simple mistakes you can make when working with JavaScript inheritance and prototypes.
JavaScript Inheritance – How To Shoot Yourself In the Foot With Prototypes!

Stéphanie Walter looks at the state of responsive web design, what is and will be possible and what needs improving.
The State Of Responsive Web Design

Donovan Hutchinson recreates the first Portal training scene in just CSS.
Portal CSS

Mary Lou shares some attractive icon buttons with hover effects using CSS animations and transitions.
Simple Icon Hover Effects

Dr. Axel Rauschmayer continues his JavaScript quirks series by showing how some objects look like arrays but really are not.
JavaScript quirk 8: array-like objects

Estelle Weyl discusses the “clown car” technique for responsive images using the media queries, the SVG format and the <object> element.
Clown Car Technique: Solving Adaptive Images In Responsive Web Design

Hakim El Hattab shares some loading indicators for forms using CSS transitions and animations.

Libraries and Frameworks

Chris Coyier shares some ideas for a Sass Style Guide.
Sass Style Guide

Alex Young continues his Angular tutorial series by discussing using Yeoman and Grunt.
AngularJS: Adding Dependencies


Simon MacDonald goes through the steps needed to upgrade your old style plugins to the new style.
Why Don't My Plugins Work in PhoneGap Android 2.7?

New and Updated Libraries and Frameworks

Pure is a set of small, responsive CSS modules that you can use in web projects.

React is a JavaScript library from Facebook and Instagram for building user interfaces.

The Maria framework for building MVC applications in JavaScript has hit 1.0.0.
Introducing Maria: The Real MVC

jTypes is a JavaScript library for implementing differential inheritance using encapsulation, inheritance, and polymorphism.

Announced by Irene Ros at Fluent, d3.chart is a framework for building reusable charts using d3.js.
The Miso Project :: d3.chart

Gif.js is a full-featured JavaScript GIF encoder that runs in your browser.

Wisp is another compile to JavaScript dialect with a clojure syntax, s-expressions and macros.
Wisp Playground

Backbone-associations allows you to specify one-to-one and one-to-many relationships between Backbone models.


Tom Lieber explains a new Brackets extension called Theseus that allows inspecting variables and control even in asynchronous code.
Better JavaScript Debugging with Theseus

The New Standard for a Hybrid CMS: GraphQL Support, Scripting as a Service, SPA Support. Watch on-demand now.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}