Working Draft

Wow, can it really be the 100th episode already? Almost 2 years of weekly updates and discussions on web development – and we’re still here. And so no one less than Paul Irish joined Hans, Kahlil, Rodney and Schepp. While our podcast is a German thing, we’re thrilled how things turned out with recording an English episode over the wire. Thank you Paul!

Please take a second and tell us how you feel: Do you want more English revisions of Workingdraft, featuring international Guests?

[00:00:45] News

Chrome DevTools: A Sneak Peek At CSS Media Type Emulation

Addy Osmani shows us how Chrome Dev Tool (Canary, at the moment) allows you to specify the media type (screen, projector, handheld, print, …) used for CSS.

Firebug 1.11 is out

A new version Firebug has been released, sporting a number of interesting features. Performance Timing Visualization, copy ’n‘ paste HTML chunks and observing postMessage to name a few.

Schaunotizen (aka the shownotes)

[00:03:40] BountySource

Have an issue but neither you nor the maintainers of the project can (or want to) resolve? Set a bounty for it! BountySource let’s you define an amount (say 15$) up for grabs to anyone willing to solve your issue with an open source project. All you need to participate is a GitHub account and either PayPal or Google Wallet. Finally something that might work smoothly in Europe as well. Note that BountySource aims for the small things, backing full blown projects is (currently) better handled by pledgie et al.

[00:10:53] 5 APIs to change the world

We mostly agree with Alex on which APIs will have the highest impact next year. Web Components are going to be the thing, as they allow modularization, templating and more. They will not enhance how we work, they will (evenutally) change the way we create web apps. Flexbox (and the other layouting schemes) are missing from the list. We’re still eagerly awaiting their availability. The Autocomplete API (spec in development) is something that will benefit users more than developers. That and Mozilla’s Persona will hopefully put an end to all that identification and recurring data input mess that has been our internet.

[00:28:12] CSS Performance Debugging

Github’s CSS Performance made us reflect on tools and approaches we have to find rendering bottlenecks. Addy has written an article about Performance Optimization With Timeline Profiles.

[00:38:21] display: none; | Laura Kalbag

The gist of the story: »You needn’t be the first, you’ll just help if you’re the first that somebody finds.« Do not try to impress anyone. Do not assume everybody knows what you know. Simply publish what you learn. Instead of explaining things to your friends in closed channels, write a (short) blog about it. Found something new (to you)? Blog about it. Keep the knowledge flowing!

[00:45:18] Keine Schaunotizen (aka the links)

Embracing Touch (open in Chrome)

Instant Parallax on touch devices (ab)using CSS3 Transforms.

jQuery uncomment

Uncomment is a handy little plugin that allows you to serve HTML-comments and only have them parsed and processed when needed.

Crawly – Alexa 1x Search Engine

Crawly allows you to perform regular expression matches against the sources of the Alexa 1x websites.

Focal Point: Intelligent Cropping of Responsive Images

Denote the focal point (interesting-content-center) of an image using CSS, allowing intelligent cropping on responsive sites

Full Frontal 2012 Videos

Remy has finally uploaded all the talks of this year’s Full Frontal Conference. Paul is keeping a list on delicious

Callbacks Considered A Code Smell

Nice recap of the various approaches to make asynchronous code maintainable.

jStat

Javascript statistics library – do you know the 4th qantile or what a median really is? No? Then this utility is for you.

GeoLib

Javascript library doing all the funky math you need for your geo location services.

#webtypobuch

A German book on typography on the web

We Love Icon Fonts

Collection of icon fonts.

Anhören