Monthly Archives: November 2013

Best of JavaScript, HTML & CSS - Week of November 18, 2013

A lot going on this past week, especially in the new and updated libraries. Some major new releases include updates to jQuery, Foundation, Kendo and Brackets as well as interesting new releases such as DPLOY, Ionic and DynoSRC. Tutorials Some tips for writing better and more performant jQuery and JavaScript code from Mathew Carella. Writing […]

JavaScript_Array_Functions_Header

Fun with JavaScript Native Array Functions

By Nicolas Bevacqua In JavaScript, arrays can be created with the Array constructor, or using the [] convenience shortcut, which is the preferred approach. Arrays inherit from the Object prototype and they do not have a special value for typeof, returning ‘object’ too. Using [] instanceof Array, however, returns true. That being said, there are […]

Writing-Better-jQuery-Header

Writing Better jQuery Code

By Mathew Carella There are a lot of articles that discuss jQuery and JavaScript performance. However, in this article I plan to summarize a bunch of speed tips and some of my own advice to improve your jQuery and JavaScript code. Better code means faster apps and jank free websites. Fast rendering and reactivity means […]

css-alignment-header

CSS Alignment and Sizing Snippets

By Tim Severien CSS can be tricky sometimes, especially when aligning and setting sizes. This article contains a bunch of helpful snippets that I’ve gathered. They make my life easier, and hopefully yours as well. Note: beneath each snippet is a table indicating browser support. Alignment Horizontally and vertically Dynamically sized elements. .parent { position: […]

Best of JavaScript, HTML & CSS - Week of November 11, 2013

Another busy week as usual. Some highlights this week include the continuation of series on building a parallax game using Pixi.js by Chris Caleb, a 3D Mac Plus scene built with pure CSS by Donovan Hutchinson, and a library for handling asynchronous programming by Vittorio Zaccaria. Tutorials Donovan Hutchinson explains how to create an animate […]

taming_asynchronous_header

Taming Asynchronous JavaScript Programming with ECMAScript6

By Vittorio Zaccaria Asynchronous programming is at the core of making a complex web application feel responsive to the user. However, building code that handles asynchronous method calls can be inherently complex, especially when one method is dependent on the result of another. This is part of what the promises pattern tries to solve, and […]

pixi-js_header

Building a Parallax Scrolling Game with Pixi.js - Part 2

By Christopher Caleb In this series of tutorials we’ll discover how to make a parallax scrolling map similar to that found in games such as Canabalt and Monster Dash. The first part introduced the pixi.js rendering engine and covered the fundamentals of parallax scrolling. Now we’ll build upon our first scrolling attempt by adding the concept of a viewport. What you […]

DASH_header

Building an Online Video Player with DASH-264

By Jeff Tapper MPEG-DASH introduced open standards into HTTP streaming but did not include the client application as part of their standards. Online video player developers have been left to fend for themselves in determining how best to build the client side applications to consume DASH content. This article discusses the current state of online […]

Best of JavaScript, HTML & CSS - Week of November 4, 2013

This week features a ton of great tutorials and articles. Some highlights include Toby Ho’s opinion piece on how JavaScript library authors need to work on creating more modular and smaller libraries. Also, the Simpson’s drawn using pure HTML and CSS. Or check out Sara Soueidan showing how to create non-rectangular layouts using CSS shapes. […]

Top