Dan Maharry

The Client Side #012

by Obiwan

Of Note

Articles

Tutorials

  • Improving HTML5 Canvas Performance
    Boris Smus looks at how to optimize canvas performance on a web page (rather than how to use it). He looks at eleven different techniques that may improve performance as well as suggesting to use JSPerf to verify your results.
  • Integrating Canvas into your Web App
    David Tong looks at how to use the HTML5 canvas element to create, edit, open and export images. He also looks at using HTML5 LocalStorage for saving canvas elements, saving the whole canvas as a binary file on the server, and suggests a few JS libraries to give all browsers the same experience
  • When Visitors Print — About That Print Stylesheet
    Tim Connell looks at print stylesheets, covering tips for removing items that don't need to be printed, using better fonts for printed matter, adding branding to the printout, dealing with links and other interactive elements, and using the jQuery Print Preview plugin
  • dat.gui: Exceptional JavaScript Interface Controller
    David Walsh takes a flying tour around dat.gui, "a lightweight controller library that allows you to easily manipulate variables and fire functions on the fly."
  • Leverage CSS when resizing HTML elements using JavaScript
    Milan Adamovsky looks at why frameworks use only javascript to resize html elements, why this isn't the best solution and how to leverage CSS to do it better

Code Demos

The Client Side #011

by DanM

Trying it organised slightly different today – let me know what you think

Articles

Tutorials

Demos

The Client Side #010

by DanM

Covering last Friday and the weekend.

To Read

To Hear

To Try

  • YSlow for Opera, out now!
    Opera's Developer Relations Team announce that Yahoo's excellent website performance tool is now available as an Opera extension.
  • CSS3 Maximizer
    Michael Deal announces CSS3 Maximizer, an online utility in the same vein as Prefixr but which goes a little further, not only adding in any missing vendor prefixed properties for you but also the values which work best against that browser

The Client Side #009

by DanM

As ever, if you’ve any links you think I’ve missed, please give me a shout and let me know. I’m concentrating mainly on HTML, CSS and Javascript at the moment, but if you think I should be listing SVG or WebGL articles as well for example, let me know that too.

To Read

An Event Apart: Design Principles
Luke Wroblewski : "In his Design Principles presentation at An Event Apart in Minneapolis, MN 2011 Jeremy Keith outlined the design principles behind the World Wide Web and how they continue to shape its future. Here are my notes from his talk"

An Event Apart: CSS Best Practices
LUKE WROBLEWSKI: “In her ‘Our Best Practices Are Killing Us’ presentation at An Event Apart in Minneapolis MN, Nicole Sullivan walked through common CSS best practices that have outlived their usefulness and what we can do instead to improve CSS performance and maintenance long term. Here’s my notes from her talk:”

Mozilla and WebKit to support Source Maps
Tanya Combrick reports that debugging minified Javascript may become a lot easier for non-IE users as Mozilla and Webkit are both working to support Source Maps. These map the minified code back to the unminified version allowing for much easier debugging.

Architecting Your App in Ext JS 4, Part 2
Tommy Maintz continues his tutorial on using the ExtJS MVC architecture to build a Pandora-style application. In this part, he defines the basic areas of the site, and incorporates JSON classes, stores and models for songs, stations and search results into the code.

The “inherit” Value for CSS Properties
Louis Lazaris discusses the purpose of the CSS inherit attribute, when you might use it, how IE6 and IE& don't support it, and importantly, gives a list of CSS properties inherited from parent to child elements by default

How to tame forms in web design
Patrick MacNeil looks at the issues in cross-browser form design, and the Formalize, Uniform, Niceforms, and Wijmo plugins you can use to ease the pain. He also quickly covers a few options for additional form controls such sliders, uploaders, slider-style checkboxes and jQuery UI buttons.

Find the jQuery Bug #1: Chicken or the Egg
In the first of a new series, Elijah Manor looks at a typical case of treating asynchronous code as synchronous and the side effects it can have

HTML 5 Updates for .NET 4
Scott Hunter highlights two updates for the .NET Framework v4 which improve ASP.NET support for HTML5, including one released this week as part of patch Tuesday

To Hear

Creating the HTML5tx.com design with Drifting Creatives Gavin Braman and Martin Hooper
DeveloperSmackdown announces show #56 and discusses the design and build of html5tx.com with its creators.

Design Festival Podcast #14: CSS3 Gradients or SVG Backgrounds
Simon Pascal Klein chats to Alex Walker of Sitepoint to talk about the pros and cons of CSS3 gradients versus SVG backgrounds

To Try

MooTools Wall Plugin \ jQuery Chosen Plugin \ Drag and Drop MooTools File Uploads
David Walsh has been busy demonstrating with code and live pages three new plugins, two for MooTools and one for jQuery.

Opera Dragonfly 1.1 release candidate 1
David Storey announces RC1 for Opera Dragonfly v1.1, the built-in suite of developer tools that ships inside Opera. You can find it in the current experimental builds of Opera.

The Client Side #008

by DanM

Of Note

Anatomy of a HTML5 Mobile App
Brian Fling breaks down what makes an HTML5 Mobile App and analyzes how different an HTML5 app is from an HTML website. Well worth reading.

To Read

Beginner’s Guide to Responsive Web Design
Nick Pettit takes a completely fresh look at what responsive Web Design is and how to implement a responsive web site for beginners.

Techniques For Gracefully Degrading Media Queries
Lewis Nyman looks at five techniques that deal with browsers which do not support the media queries you’ll be adding to your responsive web designs of the future: doing nothing, conditional IE stylesheets, circumventing media query conditions, respond.js and css3-mediaqueries-js.

Microdata & the microdata DOM API
Chris Mills looks at HTML5 microdata in depth, from its basic syntax to using it in several different scenarios (nesting, non-unique data, creating a vocabulary for your items and others) to the a brief looks at the microdata API. Demos are included.

Writing your own cross-browser polyfills
Addy Osmani investigates why, when and how to write your own cross-browser polyfill script to add browser support for a new feature in newer browsers to their older predecessors.

5 Benefits of Developing JavaScript Sites & Apps
The KendoUI team discuss why you might want to build\migrate using Javascript (frameworks) rather than traditional server-side technologies such as Ruby, PHP or ASP.NET

The BackboneJS and Knockout Danceoff
Rob Conery compares the pros and cons of using backboneJS versus using knockout.js as a client-side framework.

Moz JS Team Newsletter 7/29-8/9
David Mandelin blogs this weeks newsletter from the Mozilla Javascript engine (SpiderMonkey) team

To Try

How to : Create Pendulum Clock Using Pure CSS
Steve at WebDeveloperJuice demos a CSS3 animated clock along with full CSS code

jQuery delete / disappear
Cliff Boit demonstrates how to use "jQuery’s animate function to animate the deleting of content on a web page by highlighting the div with a different background color and eventually sliding it up and thus hiding it from view."

HTML5 Boilerplate v2 Released
A year to the day after v1 was released, HTML5 Boilerplate v2 is with us containing some 299 commits. Notable changes include replacing the reset stylesheet with normalize.css, 80% faster build script, @import inlining, appcache generation, and including respond.js. Full changelog is on the site and an executive summary is on Paul Irish’s blog.