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

by Brian Rinaldi on July 22, 2013

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

A very busy week this week. First off, there are a number of interesting library releases including PhoneGap 3, eddy.js, ESLint and more. Also, there are a number of outstanding tutorials. Be sure to take a look at Hugo Giraudel discussing frustrating CSS issues, Sean Fioritto discussing flexbox, Joel Hooks on AngularJS internals and Raymond Camden on Express.

Tutorials

A great article by Hugo Giraudel on troubleshooting some very common and frustrating CSS issues.
Troubleshooting CSS

Ariya Hidayat writes JavaScript that runs within PhantomJS to detect the libraries with versions running on a page.
Detecting JavaScript Libraries and Versions

Ben Nadel shares some code to create a user-friendly alpha-numeric sort for things like file names using JavaScript.
User-Friendly Sort Of Alpha-Numeric Data In JavaScript

Mary Lou shares a number of cool header effects using CSS transforms and triggered by scrolling.
On Scroll Header Effects

Derick Bailey walks through how to set up and build your first arduino controlled by JavaScript.
JavaScript Powered Arduino with Johnny-Five

Ariya Hidayat explains a trick to generate number or letter sequences without using loops.
Sequences using JavaScript Array

Sean Fioritto details beginner and advanced topics on handling layout using flexbox.
Mastering CSS Layout with Flexbox

Michael Chaize covers the best export options in Illustrator that produce quality SVG files with the smallest file size possible.
Export SVG for the web with Illustrator CC

Libraries and Frameworks

Brian Rinaldi show how the Voyeur.js library offers an alternative syntax for DOM traversal and Manipulation.
DOM Traversal and Manipulation with Voyeur

Joel Hooks takes a look inside AngularJS to examine the internal directives that override standard HTML tags.
AngularJS Directives That Override Standard HTML Tags

Hakim El Hattab shares a few nice CSS only animations built with Sass.
Hakim / Assorted CSS Animations

Hugo Giraudel did some code sniffing and GitHub issue spying to figure out what’s coming in the next release of Sass.
Looking Into the Future of Sass

Raymond Camden details how to install and get started building your first web application built on Node using the Express framework.
Introduction to Express

Aurelio De Rosa shows how to create a simple page using the responsive CSS modules within the Pure library.
Pure: What, Why, & How?

Stephen Sawchuk walks through how to build your first app using a Yeoman workflow.
Building Apps With the Yeoman Workflow

Clint Berry continues his series on building desktop applications with web technologies using the Brackets shell, this time focusing on working with JavaScript.
JavaScript and the Brackets Shell Environment

Mobile

Holly Schinsky walks through how to implement push notifications in your PhoneGap application using PushPlugin.
Tutorial: Implement Push Notifications in your PhoneGap Application

Holly Schinsky teaches you how to write a custom plugin for Android and use it in your PhoneGap application.
Tutorial: How To Write a PhoneGap plugin for Android

Raymond Camden shares some important information about the latest Cordova/PhoneGap release.
PhoneGap 3.0 Released – Things You Should Know

New and Updated Libraries and Frameworks

PhoneGap 3.0 includes a new plugin architecture, better tools, more platforms and new API’s.
Adobe PhoneGap 3.0 Released

Stylify Me by Annabelle Yoon and Michael Mrowetz generates a style guide of a site, including colors, fonts, sizing and spacing.
Stylify Me

eddy.js is a tiny JavaScript library transforms any object, if needed, into an EventTarget/EventEmitter.
eddy.js – A Bold Approach

Backbone.Giraffe has a different approach than Marionette and Chaplin to route handling, object lifecycles, event aggregation and view management.
backbone.giraffe

Feedback_me is a jQuery plugin to easily add an animated feedback dialog that slides from the side of the screen.
feedback_me

Nicholas Zakas introduces ESLint, a JavaScript linting tool built on top of Esprima where all rules are pluggable.
Introducing ESLint

Mary Rose Cook wrote Little Lisp, an interpreter in JavaScript supporting function invocation, lambdas, lets, ifs and more.
Little Lisp interpreter

James Padolsey created Operative as a JavaScript utility for creating Web Worker scripts.
Abstracting The Web Worker: Operative

LiteGap is a PhoneGap plugin for Couchbase Lite which is an embedded JSON database for occasionally connected devices that syncs data in the background.
LiteGap

Etc.

In Episode 2 of the Topic Undefined podcast, Raymond Camden and I discuss articles on mobile dev, choosing a framework and more.
Topic Undefined – Episode 2

© 2017 Modern Web & our authors. All rights reserved.