Best of JavaScript, HTML & CSS – Week of February 3, 2014



This was apparently the week to post your intro Gulp tutorials and no one told me – we have three for you to choose from. Other highlights include a post about promises by Matt Greer, great overviews about using Node Webkit by Ben Farrell, understanding ES6 generators by Matt Baker and a good look at using animations to enhance user experience by Val Head.


A step by step explanation and introduction to replacing callbacks using ES6 Generators by Matt Baker.
Replacing callbacks with ES6 Generators

A great – and thorough – walkthrough about JavaScript Promises by Matt Greer.
JavaScript Promises … In Wicked Detail

Dan Ristic covers using WebRTC’s RTCDataChannel API to transfer data from peer to peer and some common use cases.
WebRTC data channels: WebRTC data channels for high performance data exchange

Johnny Simpson shares a bunch of fun CSS button hover effects and shows how they are created.
CSS Button Hover Effects

Val Head walks through ways you can use animation to enhance the user experience on a web page, rather than be distracting.
UI Animation and UX: A Not-So-Secret Friendship

Ariya Hidayat explains the difference between these two functions with similar names but not uses.
JavaScript Array: slice vs splice

Ishan Anand explores the use of transformations using XSLT within responsive design and new work being done on the standard that makes it newly relevant.
Applying Transformations To Responsive Web Design

Dr. Axel Rauschmayer explores the literal meaning of Integer in JavaScript according to the specifications.
What are integers in JavaScript?

Libraries and Frameworks

Learn how to build cross-platform desktop apps using HTML and JavaScript with Node WebKit and Yeoman by Ben Farrell.
Build Desktop Apps with JavaScript and Node WebKit

A great deep dive into Sass’s extend method by Hugo Giraudel including the basics and a number of complex uses.
What Nobody Told You About Sass’s @extend

You can actually construct your own UI widgets using Kendo UI and straight HTML. Burke Holland explains how.
The Power Of Kendo UI And Straight Up HTML

Chris Coyier shows how he built a draggable element that behaves similarly to reordering slides in Keynote.
Draggable Elements That Push Others Out Of Way

Mark Goodyear compares creating tasks for doing Sass builds using Grunt and Gulp.
Getting started with gulp

Rey Bango walks though the basics of getting started with Gulp.
Managing Your Build Tasks With Gulp.js

Another walk through the basics of using the Gulp task runner, this time by Jack Franklin.
An introduction to Gulp

Ivaylo Gerchev explores a new UI framework called SemanticUI and how to build a login/sign up form using it.
Introducing: Semantic UI Component Library

James Tyner begins a series on using the CreateJS suite by walking through building some simple demos with EaselJS, which is the part of the suite that works with HTML5 Canvas.
Using CreateJS – EaselJS


Learn some tips to make sure your app gets noticed in the iOS app store from app developer Jen Looper.
Mobile App Development – Tips for Getting Noticed

Christophe Coenraets shares a sample mobile app built with the Ionic UI library and AngularJS.
Sample Mobile Application with Ionic and AngularJS

After covering native options, Peter Traeg walks through how to build a multi-platform mobile app using PhoneGap.
Four Ways To Build A Mobile Application, Part 3: PhoneGap

Holly Schinsky lays out several recent tool updates and what has changed.
3 Cordova CLI Changes You Should Know About


Alan Stearns explains what a baseline grid is and why he believes that CSS needs a baseline grid feature.
Baseline Grids for the Web

Apparently Chrome 35 has a bug affecting web fonts that causes them to fall back to the last-resort font.
Chrome bug affecting web fonts

The guys behind TodoMVC lament the Yet Another Framework Syndrome in the JavaScript community and offer suggestions for how to avoid it.
Yet Another Framework Syndrome (YAFS)

Keith Peters has expanded his excellent Coding Math series (which uses JavaScript for all the examples) to cover building simple applications.
Coding Math Application Series

1, 'include' => $prevPost->ID ); $prevPost = get_posts($args); foreach ($prevPost as $post) { setup_postdata($post); ?>

1, 'include' => $nextPost->ID ); $nextPost = get_posts($args); foreach ($nextPost as $post) { setup_postdata($post); ?>


Leave a Comment