Best of JavaScript, HTML & CSS – Week of October 1, 2013

by Brian Rinaldi on October 7, 2013

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

A very busy week this week – I had to make a lot of tough choices of what to include (and still ended up with a long list). For those of you who follow me on Twitter, I usually post these links there (as I find them) before they get included in my weekly update but with travel to Sofia, Bulgaria (thanks DevReach), I fell behind. This week, things should return to normal.

Tutorials

Sara Soueidan explains how she built a browser-based, touch-enabled showcase for a mobile app using HTML, CSS and JavaScript.
A Draggable Mobile App Showcase

Azat Mardanov walks through some of what makes JavaScript uniquely expressive and occasionally frustrating.
JavaScript Fundamentals

Jake Archibald explains how requestAutocomplete can request payment details from the browser, which stores them on the user’s behalf.
requestAutocomplete – take my money, not my time

Dr. Axel Rauschmayer explains the significance of the limited set of integers that JavaScript can safely represent.
Safe integers in JavaScript

Mary Lou shares some very cool concepts for navigation that animates in from the page border using CSS animations and transitions.
Animated Border Menus

Raymond Camden experiments with storing HTML multi-file selections, which allows users to correct choices.
Multi-File Uploads and Multiple Selects

Sara Vieira goes over the basics of using CSS Regions.
Introducing CSS Regions

Alan Greenblatt explains that there there are several tools available to help you visualize and debug your CSS Regions layouts in the browser.
Debugging CSS Regions

Dr. Axel Rauschmayer gives a rundown of the methods available in the JavaScript console object.
The JavaScript console API

Louis Lazaris covers some pure JavaScript features that you can use today and that you might not have ever considered before.
Thinking Inside The Box With Vanilla JavaScript

Libraries and Frameworks

Alessandro Artoni walks through building your first extension to the Brackets code editor using just JavaScript.
Extending the Brackets Code Editor with JavaScript

Ben Nadel shares a solution for server-side logging of client-side errors within an AngularJS application using Stacktrace.js.
Logging Client-Side Errors With AngularJS And Stacktrace.js

Todd Motto offers a great introduction to AngularJS.
Ultimate guide to learning AngularJS in one day

Mobile

PhoneGap Build now supports PhoneGap 3.0 and Raymond Camden explains what you need to know to use it.
PhoneGap Build and PhoneGap 3.0

Holly Schinsky shares a new service for push notifications in PhoneGap applications that is currently in beta.
New PhoneGap Push Notification Service – Puship (with free tier)

New and Updated Libraries and Frameworks

asker is a wrapper for http.request in Node.js that includes gzip, request retries and connection pools tuning.
asker

RSS Pipes is a Node.js and Express app to create and edit RSS aggregators with filtering abilities.
RSS Pipes by dai-shi

ShaderDSL.js by by Krzysztof Palacz aims to make shader programming for WebGL a little easier and more web friendly.
ShaderDSL.js: Writing shaders in JavaScript

CSSO (CSS Optimizer) is a CSS minimize that performs structural optimization of CSS files, resulting in smaller file size compared to other minifiers.
CSSO

FastActive is a javascript snippet that makes websites and web apps feel as responsive as native apps on touch devices.
FastActive

Pace.js is a themeable, automatic progress indicator.
PACE

Bluebird is another JavaScript promises library.
Bluebird

Etc.

The October Issue of Appliness features an interview with Jonathan Snook and lots of tutorials and articles.
October issue Featuring SMACSS Creator Jonathan Snook

Raymond Camden explains how you can work with binary file data using Node within a Brackets extension.
Working with binary data in a Brackets Extension