Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

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

Tips, tricks and tools for creating your own data-driven app, brought to you in partnership with Qlik.

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.

Tutorials

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.
Ladda

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

Mobile

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.
Pure

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

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.
jTypes

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.
Gif.js

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.
backbone-associations

Etc.

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


Explore data-driven apps with less coding and query writing, brought to you in partnership with Qlik.

Topics:

Published at DZone with permission of Brian Rinaldi, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}