Meatspace Chat
A chat client using WebRTC that allows you to record a 2 second video of yourself every time you post.
Codewars
Codewars is a site that gives you coding challenges to solve. Good to kill a few minutes.
High Performance Animations
Paul Lewis and Paul Irish of the Chrome team with all the information you need to create fast animations.
SVG icons animated in CSS
A small and pretty demo showing that SVG is just markup and can be targetted by CSS.
Mac Plus in CSS
A demo of how to create complex graphics with CSS. Not necessarily something you should do but a good explanation how you can do it.
You can also see it in action here.
CSS Stats
Nice little tool to analyse the CSS of a certain site and get information what is used in the style sheet.
Introducing the Whiteboard Drum – WebRTC and Web Audio API magic
Very cool demo using WebRTC and WebAudio to turn a whiteboard with magnets into a drum-machine.
Flexbox cheatsheet
Let's face it - flexbox is the feature that will move our products from hacks to real interfaces. Here's a cheatsheet how to use it.
PhysicsJS
Great library for all kind of 2D physics simulations. Who knows if you add cool animals you might have a game.
You can also see it in action here.
How to keep up to date on Front-End Technologies
A list of resources how to keep up with what is happening on the front end. Beautifully designed and maintained on GitHub.
Explain Shell
Explain Shell makes cryptic unix commands easy to understand. As our job on the web includes more and more command line work this is a good primer.
Exploring Canvas drawing techniques
Lots and lots of examples how to draw on a canvas. With live code examples
Mobile-first Responsive Web Design and IE8
Details on how RWD was solved for the Guardian when support of IE8 is important
Efficient animation for games on the (mobile) web
Chris Lord of the Firefox mobile team has some good info on how to animate with JavaScript on the web without slowing down browsers
Responsive graphic novel in Flexbox
Nicely explained example how you can do an online comic that adapts to the available size using flexbox.
Case study of a responsive redesign
How Walmart boosted conversion by 20% by adding responsive redesign
What You May Not Know About the Z-Index Property
Good explanation of how browsers stack things. Stop just adding numbers.
Vim.js
Porting Vim to the web using Emscripten. One of those things that can be done these days.
I want to use
Similar to caniuse.com this site tells the percentage of people on the web that can see what you create when you rely on a certain technology.
The web needs containment
Interesting thoughts by Paul Lewis on the need for a more app-like visual approach of the web. There is no view but we need them. Or do we?
Developer Tools in Firefox
A shocking amount of people don't know just how many great developer tools are available in Firefox by now. This wiki page is the source of truth on that matter.
Joblint
Joblint is a script to test job offers for strange content. Run this against your proposals before posting them online to avoid embarassment.
Code for America Keynote
Clay Shirky with a great talk about success and failure in technology and how we forget that running a hackathon is not innovation.
Dan Ariely: What makes us feel good about our work?
A TED talk about what makes us feel good about working. It is not the money we get.
60fps scrolling using pointer events: none
Neat little trick to stop interaction when scrolling for better mobile performance.