webdevelopr

IE6 going down, especially in China. Yay!! /tomott

Wed, 20 Mar 2013 13:27:32 -0400

IE6 going down, especially in China. Yay!!

/tomott

CreativeJS

Tue, 19 Feb 2013 11:45:00 -0500

CreativeJS:

Collection of cool hacks using advanced javascripting.

/tomott

Responsive Typography Demo

Tue, 12 Feb 2013 07:31:00 -0500

Responsive Typography Demo:

Using face detection, the page adjust the size of the text depending on how close you are.

/tomott

Testing made easier in Internet Explorer | modern.IE

Mon, 04 Feb 2013 09:30:02 -0500

Testing made easier in Internet Explorer | modern.IE:

Nice way of testing websites in different Internet Explorer versions.

/maxalm

How to make your own icon webfont

Tue, 29 Jan 2013 04:09:08 -0500

How to make your own icon webfont:

A core document to require from the design team in the future would be the icons-as-fonts-document. That meaning that all single colored icons of a web deign should be delivered as a font file. This font file then will be converted to a font-face document that can be used in all web browser. The benefits for that is many:

They are easily resized without degradation (because they are essentially vectors)
Recoloring the icon is as trivial as recoloring text. For example, color: orange for an RSS icon
Looks good when scaled on tablets
Looks good on HD screens (Retina)
Many icons are grouped into one file, necessitating just one http request
They are shapes that have transparent “knockouts” which work in browsers as early as IE6 (unlike alpha PNGs)
For icons that should appear adjacent to text, alignment and wrapping are non-issues (because they are text)
You can apply CSS3 effects via text-shadow and background-clip:text that respect the shape of the glyph
Unlike with SVG, cross-browser support is easy to achieve

/tomott

The Making of Fastbook: An HTML5 Love Story

Mon, 17 Dec 2012 10:19:00 -0500

The Making of Fastbook: An HTML5 Love Story:

Read how these guys on Sencha used Sencha Framework to make a fast Facebook in HTML5.

“So, when Mark Zuckerberg said HTML5 wasn’t ready, we took a little offense to the comment.”

/tomott

How did Tweetdeck do javascript performance

Tue, 11 Dec 2012 07:54:25 -0500

How did Tweetdeck do javascript performance:

/petlag

24 ways: Responsive Images: What We Thought We Needed

Tue, 11 Dec 2012 03:52:39 -0500

24 ways: Responsive Images: What We Thought We Needed:

A take on the concept of responsive images.

//petlag

Rethink of responsive navigation

Fri, 02 Nov 2012 15:24:57 -0400

Rethink of responsive navigation:

Why should the menu be on top, when fingers can only reach the bottom? /Peter

Becoming device agnostic

Thu, 01 Nov 2012 11:01:32 -0400

Becoming device agnostic:

We should have more focus on breakpoints after the design, rather then design for the breakpoints. /petlag

Pacmanimation

Wed, 31 Oct 2012 13:59:18 -0400

Pacmanimation:

Fun way to show power of CSS. For Firefox but works good crossbrowsers.

Debug SASS in Chrome

Mon, 22 Oct 2012 02:11:33 -0400

Debug SASS in Chrome:

/petlag

Responsive design at the Guardian

Thu, 18 Oct 2012 13:34:00 -0400

Responsive design at the Guardian:

Guardian also showing the way with the Open APi

http://www.guardian.co.uk/open-platform

/petlag

Mona Lisa with pure CSS

Thu, 04 Oct 2012 12:02:00 -0400

Mona Lisa with pure CSS :

Box-shadow overkill! /petlag

Welcome to TypeScript

Thu, 04 Oct 2012 03:09:35 -0400

Welcome to TypeScript:

Learn even more at http://channel9.msdn.com/posts/Anders-Hejlsberg-Steve-Lucco-and-Luke-Hoban-Inside-TypeScript

/andgul

Brunch | HTML5 application assembler

Tue, 02 Oct 2012 06:18:40 -0400

Brunch | HTML5 application assembler

Free JavaScript books

Mon, 01 Oct 2012 07:14:58 -0400

Free JavaScript books:

Great site for free JS Books.

/Peter

Firefox Aurora for Desktop

Tue, 25 Sep 2012 04:47:29 -0400

Firefox Aurora for Desktop:

Get a first look at the latest developer tools, security features and innovative HTML5 and other Web technologies.

/tomott

Chrome Canary

Tue, 25 Sep 2012 04:43:46 -0400

Chrome Canary:

Canary is designed for developers and early adopters, and can sometimes break down completely.

/tomott

CSS FilterLab

Tue, 25 Sep 2012 04:42:37 -0400

CSS FilterLab:

The bar for expressive content on the web keeps getting higher. Whether you’re trying to animate, transition, or transform elements on the screen, life gets a lot easier when you can do this with simple CSS. This is why we brought CSS Custom Filters (previously CSS Shaders) to life – an easy way to create cinematic experiences for the web.

/tomott