This specification defines the fifth major version of the HTML vocabulary. It provides the details necessary for producers of HTML content to create conformant documents. By design, it does not define related APIs nor attempt to specify how consumers of HTML content are meant to process documents.

“This tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names.” I’m generally pretty wary of tools proclaiming this, but figured I’d save this one for later examination anyway.

Recently, I’ve begun an expedition with jQuery. My first major experiment has been in improving the commenting system on this blog. Sparked by an email discussion with Tomas Carrillo I’ve implemented a handful of small interactions which make it m… More

Wil Wheaton blogs about the shutdown of Ficlets and what the site means to him (and to the community)

Here’s a great review of the first Design Share that I (along with some other fantastic folks) spoke at this past week hosted by Viget Labs.

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in.

A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values.

How to Make a Time Lapse Video With Your DSLR

At the stroke of noon on January 20th, the world will witness a momentous change in command. Exploring 44 issues in 44 days for the Inauguration of President-Elect Barack Obama.

Say goodbye to boring ‘Read More…’ links by turning your entire content block into a clickable target using this simple jQuery plugin.

How Changing a Button Increased a Site’s Annual Revenues by $300 Million.

This is an experimental film made up of over 35,000 photographs. It combines an innovative mix of stop motion and live projection mapping techniques.

Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv.

You know how Rails 2.x has this cool feature for bundling sets of Javascript or CSS files? Yeah, they call it something like… cache. Crazy. I know. It’s cool and all, but why does not it also minify that content?

Cufón aims to become a worthy alternative to sIFR.

Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation.

The Orphan is incomplete, unpublishable, moloch-less, disrespected, bizarre and roundly rejected.

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

Sick of getting no credit for the cool sites you make? whobuilt.it lets you claim the sites you build!

READABILITY is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you’re reading. Follow the steps below to install READABILITY in your Web browser.

The death of the newspaper is a depressing thing to absorb, but what’s much more disappointing to me is that I feel like news itself has been devalued.

SoundManager 2 makes it easier to play sounds using Javascript. By wrapping and extending Flash 8’s sound API, SoundManager 2 brings solid audio functionality to Javascript.

Hip hop artist P.O.S was asked to cover Pearl Jam as part of a tribute to the influential band as they celebrate the re-release of their debut album, Ten. He covered “Why Go” from the album and (Americans) can click Read More to check it out.

A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.

Carpe diem on any duplicate content worries: we now support a format that allows you to publicly specify your preferred version of a URL.

RevCanonical is url shortening with a twist. Instead of creating its own super short versions of links, it checks to see if the link owner has published a shortened version of the given page using HTML link element. If not, we just return the original URL.

While the standard jQuery Content Filters allow you to do some basic comparisons, they are not powerful enough in more advanced scenarios.

jQuery pageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.

Dubai was meant to be a Middle-Eastern Shangri-La, a glittering monument to Arab enterprise and western capitalism. But as hard times arrive in the city state that rose from the desert sands, an uglier story is emerging.

Yesterday we released a new people selector widget (which we’ve been calling Bo Selecta internally). This widget downloads a list of all of your contacts, in JavaScript, in under 200ms (this is true even for members with 10,000+ contacts). In order to get this level of performance, we had to completely rethink how we send data from the server to the client.

In this post I’m going to show you how I created the little Flickr stream you can see running down the right hand edge of this site.

Quality is a word that a lot of people like to use when describing their web design services. But what is quality, how do you know if a design is quality or not. Well, I think that there’s quite a few ways to spot quality within web designs. Once you can see just what goes into making a quality web design, you can use the techniques to perfect your own style.

I’ve put together a few pointers, and collected some examples to explain just how I look for quality within a website design.

The site’s new service, called “Sifter,” aims to help consumer-oriented businesses and marketers fine-tune their upcoming products and pitches by putting them in front of a group that already spends much of its time voting things up or down.

No one tells a story quite like Glass and his crew, and over the past fourteen years they’ve spun nearly four hundred of them. Here are six prime entry points for your imminent This American Life devotion.

“The interaction designer’s role is one of facilitating particular uses for a thing, and possibly dissuading other uses.”

It’s one of the most important concepts on the web today—perhaps the most important for social media—but it’s one of the least understood. When James Surowiecki wrote The Wisdom of Crowds in 2004, he explored the stock market and other classic social psychology examples, but “web 2.0” was still nascent. It’s time to connect his ideas to the social web, where they can reach their full potential.

Welcome to Transformers Wiki, the fan-maintained database of Transformers knowledge that anyone can edit!

Recently, in a set of interviews we conducted with avid users of Netflix.com, the online DVD rental web site, we asked “What are the things you like best about the site?” Lots, apparently.

Yahoo! Placemaker is a freely available geoparsing Web service. It helps developers make their applications location-aware by identifying places in unstructured and atomic content – feeds, web pages, news, status updates – and returning geographic metadata for geographic indexing and markup.

Jetpack is a newly formed initiative and experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play.

Need to get the creative juices flowing? Put down the peyote and pick up your laptop. Ficly is a collaborative writing community where members can buck their writer’s block and contribute to shared works of fiction.

Ficly (formerly “Ficlets”) is back - and better than ever.

In this article, we’ll look at the advantages of CSS3 and some examples of how Web designers are already using it. By the end, we’ll know a bit of what to expect from CSS3 and how we can use its new features in our projects.

Why would any sane parent teach his kids to talk back? Because, this father found, it actually increased family harmony.

During the past couple of years, Murphy’s Kids have seen good friends come and go. As lead singer and trumpet player John Charlet explains: “We called the new album ‘Departures’ because people who mean a lot to us have left Richmond to follow their dreams, and a few passed away. Of course that affected us.”

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

Along with an army of JavaScript APIs, HTML 5 comes with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.

In this article, we’re going to take a step back in time and revisit three cameras that will re-inject fun (and mystery!) into your photo-taking adventures.

This guide was written by D*S readers Kelly Brown and Leslie Kingery.

Drag and drop in HTML 5 can operate across sites in different domains; so you can drag from one site and drop onto another. Also, the data transfer object that you move in a drag and drop operation can store multiple data values.

A new 3D CSS Visual Effects demo using pure HTML, WebKit’s 3D CSS Effects extensions and JavaScript.

Call it super wide-angle panorama or call it panography, we think it’s awesome.

1909: Clarence “Leo” Fender is born.

The designer, engineer and inventor would found the Fender Electric Instrument Manufacturing Company, the banner under which he created and produced the first wave of commercially successful electric guitars, basses and amplifiers.

There are many ways to make websites run faster. In this section, you can discover performance best practices that real web professionals employ in their everyday work. These practices have improved the user experience for millions of users and we hope they are useful for other web developers.

Add a link or button to your site to make it easier for your content to be shared on Facebook. Copy and paste the following code blocks into your site and replace <url> with the link you want to Share.

As web professionals, we all know that the concept of the page fold being an impenetrable barrier for users is a myth. Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want.

In this article we’re going to break down the page fold myth and give some tips to ensure content below the fold gets seen.

The aim of these tests is to check which combination of :focus, :hover and :active works best in order to suppress the outline when an image-replaced link is clicked with the mouse, but leave it visible for keyboard users tabbing through the page.

The best part of living in Lewistown is the creek. It’s a natural artesian spring and it flows right through town.

Custom variables are name-value pair tags that you can insert in your tracking code in order to refine Google Analytics tracking. With custom variables, you can define additional segments to apply to your visitors other than the ones already provided by Analytics. This document describes custom variables and how you can set them up.

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.

Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It’s the tie to go along with jQuery’s tux.

Can be used as a trick to get RGBa-style semi-transparent backgrounds on elements.

Not as powerful as box-shadow, but can be used in a pinch.

We’re done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won’t have it. It’s time to raise our standards. Here, you’ll find only the most well-made, free & open-source, @font-face ready fonts.

The interactive sketching notation is an emerging visual language which affords the representation of interface states and event-based user actions. Through a few simple and standardized rules, what the user sees (drawn in greys and blacks) and does (drawn in red) are unified into a coherent sketching system. This unification of both interface and use, intends to enable designers to tell more powerful stories of interaction.

Jeremy Keith draws inspiration from Super Mario Bros. when adding visual feedback to Huffduffer’s add/remove device on profiles.

Gérard from The Netherlands has a sleek solution for his iMac.

Tess (and Patrick) share the latest project they undertook to convert a boxy Expedit TV unit into a low slung one.

The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient.

Understudy allows access to streaming video through the Front Row interface of Mac OS X. The user can subscribe to multiple feeds, and select a video to watch from them. Understudy currently supports Hulu, Netflix, YouTube, and to some degree the BBC iPlayer.

While America threw on its eating pants and combed the Thursday circulars for deals, John Gruber spent Thanksgiving preparing to unveil his regular expression for finding URLs in arbitrary text.

“I’m teaching every 8-year-old relative to say this, and every 14-year-old to do the same thing with Toy Story. Also, Pokemon hit the US over a decade ago and kids born after Aladdin came out will turn 18 next year.”

jQuery doTimeout takes the work out of delayed code execution, including interval and timeout management, polling loops and debouncing. In addition, it’s fully jQuery chainable!

As more and more sites evolve into “Web 2.0″ apps, the amount of JavaScript increases. This is a performance concern because scripts have a negative impact on page performance.

How do you answer the Internet Explorer 6 question?

Here’s everything you need to know to create a rich, interactive experience around your music and movies. All right in iTunes.

Dean Allen’s response to Jeffrey Zeldman on the closing of Favrd:

“I started Favrd solely to furnish me with something amusing to read while waiting in line at the supermarket, calm in the assurance that in doing so I’d never ever see Pete Cashmore’s stupid douchey face or read his stupid douchey toots.”

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Mozilla 1.3 introduces an implementation of Microsoft® Internet Explorer’s designMode feature. The rich-text editing support in Mozilla 1.3 supports the designMode feature which turns HTML documents into rich-text editors. Starting in Firefox 3, Mozilla also supports Internet Explorer’s contentEditable attribute which allows any element to become editable or non-editable (the latter for when preventing change to fixed elements in an editable environment).

Checks the current selection against an expression and returns true, if at least one element of the selection fits the given expression.

People are often afraid to use PNG because they think that: a/ it doesn’t work in all browsers, or b/ filesizes are bigger than GIF. While these have some grain of truth to them, they are mostly misconceptions.

The Jazz Loft Project Radio Series was created using a remarkable archive of thousands of hours of tape recorded by a great photographer, W. Eugene Smith, in his loft building on Sixth Avenue between 28th and 29th Streets in New York. From that tape, certain sounds and stories emerged that became the focus of the series.

An incredible set of photos playfully depicting the life and times of Imperial and Rebel forces on Hoth (from “The Empire Strikes Back”). Only… in Lego. (via @notasausage)

In this second article we’re going to focus on using those CSS techniques (and a little JavaScript) to create some practical elements and layouts.

Analytics offers an event tracking feature. It can be used to track downloads, outbound links, mailto links, AJAX events—any click event. But the event tracking function still has to be implemented for each event you want to track. Here’s some jQuery that handles the implementation for you.

Pagetest allows you to provide the URL of a webpage to be tested. The test will be conducted from the location specified and you will be provided a waterfall of your page load performance as well as a comparison against an optimization checklist.

Browserscope is a community-driven project for profiling web browsers. The goals are to foster innovation by tracking browser functionality and to be a resource for web developers.

Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you’d expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image embedding.