First things first - these demos are showing of CSS transitions, transforms (2D and 3D) and animations. Currently (January 2012), 2D transforms are available in all current browsers including IE9, transitions are available in all browsers except Internet Explorer 9 and less, while 3D transforms are in Safari, Chrome, Firefox and IE10 and up. Animations are available in Safari, Chrome, Firefox 5+ and IE10. Most examples degrade nicely, so if you are using a legacy browser you can still use a site using these, you just won't get animation. 3D transforms generally don't degrade nicely, so be careful when using them.

Launch apps and trigger actions from a quick, easy to use app! Call a friend, start an email, send a text, post to Twitter, turn on a flashlight — get to where you're going faster than ever before.

{Less} extends CSS with variables, nested rules, operators and more. If you're still building websites without it, you're an idiot. This app makes it dead simple to use {Less} by automatically compiling *.less files into standard CSS.

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js and Rhino.

Netflix has launched in the UK with a catalogue of streaming movies and TV shows. On the surface that catalogue isn’t massively exciting, what with it not being particularly big or filled with a great amount of very new things.

But then most new things are shit, and quality doesn’t need company. For whatever reason, the current Netflix collection has plenty of ‘90s US independent movies (well, Miramax) and a few choice picks from United Artists and ‘70s New Hollywood.

The service is currently offering a 30 day free trial, so here are 30 things that I would describe as “amazing” without too much thought. That’s one a day! If you’re useless enough not to have seen any of them so far.

This document is a list of best practices and preferred ways of developing javascript code, based on opinions and experience from many developers in the javascript community. Since this is a list of recommendations rather than a list of absolute rules, experienced developers may have slightly differing opinions from those expressed below.

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

People will not adopt a technical solution that serves to replace a manual task, if that solution is less efficient than the manual task it replaces.

Instructions: paste or compose a document below. Click Check Writing to get feedback on your writing. Click an underlined spelling error, grammar suggestion, or style suggestion to see more options.

Fake is a new browser for Mac OS X that makes web automation simple. Fake allows you to drag discrete browser Actions into a graphical Workflow that can be run again and again without human interaction. The Fake Workflows you create can be saved, reopened, and shared.

Extension for Safari to replace Google+ Profiles in Google search results with the most relevant social profiles

A free testing service for mobile developers, managers and testers.

Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free! Just put the custom url in your code like this:
<img src="http://lorempixel.com/400/200" />
to get your FPO / dummy image.

When doing web design, it's critical to test how your page looks under different screen resolutions. Since the mobile web is exploding fast, you have to test against the mobile devices too. Resize is a Safari Extension that to make the process dead easy.

HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10's of hours on your next web project.

Williams syndrome (WS or WMS; also Williams–Beuren syndrome or WBS) is a rare neurodevelopmental disorder characterized by a distinctive, "elfin" facial appearance, along with a low nasal bridge, an unusually cheerful demeanor and ease with strangers; developmental delay coupled with strong language skills; and cardiovascular problems, such as supravalvular aortic stenosis and transient hypercalcaemia.

The web’s most beautiful typefaces: Try typefaces from the web’s best known web font services.

Design with real content: Kiss goodbye to Lorum Ipsum. Get real web content in place, fast.

Create HTML & CSS in the browser: Quickly get to a working, standards-compliant prototype.

NimbleKit is a fast & fun way to develop apps for iPhone and iPod touch. You don't need to know Objective-C or to be an experienced programmer. All you need is to know HTML and JavaScript. NimbleKit will integrate to Xcode and do the rest!

As the band announces a new album and headline performance at I’ll Be Your Mirror next year, Wyndham Wallace spends a week wading through the Guided By Voices catalogue so you too can find a way in…

deCopia is an online database that names, describes, and thoroughly exemplifies those manifold patterns of syntax and style that make certain specimens of English expression so interesting, effective, beautiful, and unique.

Design is popularly being hailed as the savior of many businesses yet many people don’t really know what design involves. This continues a cycle of doubt, underfunding, and incredulity at its true power. By revealing the inner workings of our design practices, explaining our choices, reinforcing those choices with references to provable academic theories, and teaching our colleagues what goes into every pixel placement, workflow, and word choice, we increase the value of our practice and of ourselves as practitioners. It’s the realization that designers are much more than simple pixel-pushers that will continue to bring new clients and new levels of corporate reach and achievement.

Text-based adventures were written as much as they were designed, employing tantalizing adjectives to create a sense of the world

Link to Dropbox. Write Markdown-formatted text. Use your favorite TextExpander snippets. Do quick research to find reference materials. Lookup or substitute words from Terminology app. Insert quotes and links into your documents. Upload images to CloudApp. Export your writings as Markdown or HTML files. Send them to Evernote, Facebook, Posterous, Tumblr and Twitter. Or use the generated HTML for your blog post. Your choice.

Let me introduce you to the best way to do your @font-face definitions:

Instead, I want to give you a checklist, a quick heuristic diagnostic you can refer to anytime you want to make your headlines sing. Print out the list if you’d like, put it by your desk. But I recommend putting every headline you write through this gamut of questions until they become second nature.

This widget lets you display images in a rich interactive visualization similar to that of Apple iTunes known as Cover Flow. It is a Flash-based implementation.

SIMILE was focused on developing robust, open source tools that empower users to access, manage, visualize and reuse digital assets.

Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports).

With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details.

Here's something we came up with to help you consider which chart to use. It was inspired by the table in Gene Zelazny's classic work Saying It With Charts (p. 27 in the 4th. ed)

Tableau Public is a free service that lets you create and share data visualizations on the web. Thousands use it to share data on websites and blogs and through social media like Facebook and Twitter. Tableau Public allows you to see data efficiently and powerfully without any programming.

OutWit Hub explores the depths of the Web for you, automatically collecting and organizing data and media from online sources.

OutWit Hub breaks down Web pages into their different constituents. Navigating from page to page automatically, it extracts information elements and organizes them into usable collections.

The World Cup 2010 website is a significant step change in the way that content is published. From first using the site, the most striking changes are the horizontal navigation and the larger, format high-quality video. As you navigate through the site it becomes apparent that this is a far deeper and richer use of content than can be achieved through traditional CMS-driven publishing solutions.

"“Gamification” is a word and concept invented by idiocrats who confuse humane with manipulative.

Theory about how the mistake gets made

Everybody sees the trend toward simpler, more-focused, better-designed software. Enterprise developers see the consumerization of IT.

You could look at this trend and say, “As software improves, it respects its users more. It works better and looks better, is easier to learn, and leaves out the things that waste a user’s time.”

Or you could look at this trend and say, “As software gets simpler, it gets dumbed-down — even toddlers can use iPads. Users are now on the mental level of children, and we should design accordingly. What do children like? Games.”

Respect

It should be obvious that one conclusion respects people and one doesn’t. It should also be obvious that the first conclusion is correct and the second is incorrect, cynical, and low."

Two new books now raise the question of whether Richard Feynman is rising to the status of superstar. The two books are very different in style and in substance. Lawrence Krauss’s book, Quantum Man, is a narrative of Feynman’s life as a scientist, skipping lightly over the personal adventures that have been emphasized in earlier biographies. Krauss succeeds in explaining in nontechnical language the essential core of Feynman’s thinking. Unlike any previous biographer, he takes the reader inside Feynman’s head and reconstructs the picture of nature as Feynman saw it. This is a new kind of scientific history, and Krauss is well qualified to write it, being an expert physicist and a gifted writer of scientific books for the general public. Quantum Man shows us the side of Feynman’s personality that was least visible to most of his admirers, the silent and persistent calculator working intensely through long days and nights to figure out how nature works.

There are some great moments in the new documentary Beats, Rhymes & Life: The Travels of A Tribe Called Quest: Q-Tip revealing the drums he sampled for “Can I Kick It?”; Black Thought of The Roots clowning Tribe’s early fashions (“They were wearing some real questionable-type shit,” he said, referring to their dashikis); and Busta Rhymes’s smile when reminiscing over “Lyrics to Go,” his favorite Tribe song. There is also a slew of rare archival footage from the late ‘80’s and early ‘90’s. (Check out the mullet on Dennis Miller!) Even though the documentary occasionally sinks into VH-1 “Behind the Music” territory, the director Michael Rapaport did a fine job chronicling the group’s history, its dynamic and what made them so loved. He got lucky too, filming during the group’s tense 2008 reunion tour.

There are many reasons other than boredom that someone will quit. Your company might suck or be headed towards suck. This person might randomly get an offer that fulfills their life’s dream. There is a bevy of unpredictable reasons that someone will leave, but boredom is an aspect of their daily professional life you can not only easily assess, but also fix. More importantly, boredom is not initially catastrophic. Boredom shows up quietly and appears to pose no immediate threat. This makes it both easy to address and easy to ignore.

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

"If the world overwhelms you with its constant production of useless crap which you filter more and more to things that only interest you can I calmly suggest that you just create things that you like & cut out the rest of the world as a middle-man to your happiness?
From where I sit creating things does the following:

Let’s you filter to something you like…Frees you…Makes you happy…Plays to strengths not weaknesses…

I can’t say it better than _why [ http://en.wikipedia.org/wiki/Why_the_lucky_stiff ]: "when you don’t create things, you become defined by your tastes rather than ability. your tastes only narrow & exclude people. so create."

…

If you quiet your mind & allow yourself to stop judging everything you will find that you have more potential for innovation (at work, in the kitchen…with your hobbies…your thoughts) than you thought before. You were using the same brutal quality filter on yourself that you used on viral videos, talk radio, and blog posts. You deserve better."

"Remember also that such a pack would have to be small enough not to scare geeks away (or be graded somehow)…"

Erika Hall: "Nichomachean Ethics - Aristotle (350 BCE), Guns, Germs, and Steel - Jared Diamond (1997), The Age of Reason - Thomas Paine (1794), Paul Rand: Conversations with Students - Michael Kroeger (Conversations took place in 1995, book published in 2008), Frankenstein, or the Modern Prometheus - Mary Shelley (1818), Søren Kierkegaard's In Vino Veritas"

This is why we can't have nice things.