Best of JavaScript, HTML & CSS – Week of July 29, 2013

by Brian Rinaldi on August 5, 2013

The modern web is always changing, and this article is more than two years old.

Another busy week, with a lot of general (i.e. not framework focused) tutorials. Some noteworthy new projects this week as well including Bone.io, Bindr, NeDB and node-webkit to name just a few.

Tutorials

Kamil Khadeyev shows how you can get started with Photoshop Scripting using JavaScript.
Introduction To Photoshop Scripting

Johnny Simpson discusses some CSS units you can use today but may not be and some coming in the future.
CSS Units You Should be Using Now!

Mary Lou showcases a cool 3D effect for creating a mobile app showcase built with HTML and CSS using Sass.
3D Effect for Mobile App Showcase

Kyle Simpson explores standard and hack methods for centering items horizontally and vertically using CSS.
Centering All The Directions

Jake Archibald shows how to animate line drawings using SVG and CSS transitions.
Animated line drawing in SVG

Dr. Axel Rauschmayer takes a look at existing JavaScript style guides and discusses some of the rules that he likes most.
A meta style guide for JavaScript

Mary Lou demonstrates how to re-create the slide out sidebar menu from the Google Nexus 7 website.
Google Nexus Website Menu

Derek Johnson shows how to get and manipulate CSS classes applied to HTML elements using the classList API.
The classList API

Burak Can creates a really nice 3D camera animation using only HTML and CSS.
CSS Only 3d Camera Animation

Harry Roberts has published a set of high-level guidelines for writing good, maintainable CSS.
CSS-Guidelines

David Walsh shows how Using pure CSS you can create cross-browser compatible triangles with very little code.
CSS Triangles

Pamela Fox shares investigation that she and her team at Coursera did into building UI libraries and jQuery plugins and as standalone libraries.
JavaScript UI Library Design

Libraries and Frameworks

AngularJS offers built-in support for CSS3 transitions and animations. Holly Schinsky shows how to use them with a sample app.
Animating with AngularJS

Chris Griffith introduces the CSS-based components, icons and other features offered by the Topcoat UI library.
Introduction to Topcoat

Azat Mardanov details how to build a JSON REST API server using Node.js, MongoDB and Express.js.
Tutorial: JSON REST API server with Node.js and MongoDB using Mongoskin and Express.js

Piotr Walczyszyn shows how he implemented a navigation drawer pattern in CSS using the Topcoat CSS library.
Navigation Drawer Pattern With Topcoat CSS Library

Raymond Camden discusses his experiences and advice for putting a Node and Express based site into production.
Going Live With Node

Krasimir Tsonev explains the differences between and use cases for mixins, extends and placeholders in Sass.
SASS: differences between mixins, extends and placeholders

New and Updated Libraries and Frameworks

jspm is a browser module loader that loads any module format (ES6/AMD/CJS) locally or directly from NPM and Github.
jspm.io – Frictionless Browser Package Management

Bindr is a JavaScript dependency injection framework by Jonathan Creamer.
Bindr by jcreamer898

NeDB is a datastore for Node with minimal dependencies that can actually be used in the browser.
NeDB: SQLite for Node

play-audio is a JavaScript wrapper for HTML5 Audio API.
play-audio

Bone.io is a framework for building real-time HTML5 apps using websockets to deliver data to the browser.
Bone.io – Realtime HTML5 Framework

Cal-Heatmap is a javascript module to create a calendar heatmap.
Cal-HeatMap : Javascript calendar heatmap for time series data

scaleApp is a JavaScript framework for single-page applications with a decoupled, event-driven architecture.
scaleApp

Andea Giammarchi released dblite, which offers sqlite3 support for NodeJS.
dblite: sqlite3 for nodejs made easy

You can write native apps in HTML and Javascript with node-webkit, an app runtime based on Chromium and NodeJS.
node-webkit

Etc.

Thinking of monetizing your mobile app with ads? Alex Genadinik shares a story of how putting ads on his app actually lost money.
How Putting Ads on Mobile Apps Can Lose Money – A Case Study

The August issue of Appliness features an interview with Dan Mall and tons of tutorials.
August Issue with Dan Mall

Check out July’s top HTML, CSS, JavaScript and mobile content on Flippin’ Awesome.
July’s HTML, CSS, JavaScript and Mobile Content on Flippin’ Awesome