provides free, Creative Commons licensed, HTML5 website templates you can use to make a modern-looking website. [more inside]
"...the hope would be to allow a pool of information to develop which could grow and evolve...
" Information Management: A Proposal
is a brief technical paper first published on 12 March 1989. Within three years the author, Tim Berners-Lee, elaborated on the original proposal
and created the WorldWideWeb
. The W3C has launched a 25th anniversary
commemorative website to mark the paper's birthday, and Berners-Lee will be giving a TED talk this weekend about the web.
So it has finally come to pass. Almost 20 years after its debut in Netscape Navigator, the blink
tag is being removed from the latest version of Firefox
. Will other browsers follow this bold new path? [more inside]
Gustav Jens Tech Tips. Start with the basics
, then works your way through programming HTML
. For anyone interested in learning programmings.
"I want to make another Geocities
. Free web hosting, static HTML only, 10MB limit, anonymous, uncensored." And with that tweet
was born. Browse existing sites
, or create your own
. [more inside]
The end of
, the beginning of Blink...
The Evolution of the Web, in a Blink
Today is the 10-year anniversary of the CSS Zen Garden
Originally created to showcase and inspire the kind of design possible with CSS2 and standards-based design, the CSS Zen Garden
is 10 years old today. [more inside]
The three most pervasive arguments for DRM in HTML debunked by Freeculture.org " A handful of myths have become common defenses of the W3C’s plan for “Encrypted Media Extensions” (EME), a Digital Restrictions Management (DRM) scheme for HTML5, the next version of the markup language upon which the Web is built."
The entire article is quite short, and worth a read but see the extended description for a TL:DR summary - [more inside]
Who needs machine readable dates? As far as I can see there are two target audiences for this operation. The first is obviously social applications that have to work with dates, and where it can be useful to compare dates of two different events. An app must be able to see if two events fall on the same day and warn you if they do. However, as a target audience social applications are immediately followed by historians (or historical, chronological applications). After all, historians are (dare I say it?) historically the most prolific users of dates, until they were upstaged by social applications. [more inside]
The New York Times is previewing their latest technology in the longform journalism piece Snow Fall: The Avalanche at Tunnel Creek
(username: avalanche/password: preview). Scroll down slowly to enjoy all the photos, slideshows, and movies that go along with the piece, which looks to be adding new chapters to the story over time.
is getting in on Google's act
, offering 500 font familes
of Typekit fonts for you to use for free on your website.
is Twitter's toolkit for creating rich and more consistent web interfaces across browsers and devices. The Bootstrap ecosystem offers, among other things, an iconic font
, a customization generator
, themes for Wordpress
/ Drupal +
, templates for Fireworks
, a button generator
and a jQuery UI theme
How to get started?
Check out this tutorial
or this series
or even this
Built With Bootstrap
has lots of examples
on how developers are putting Bootstrap to good use.
I am widely credited as the inventor of the <blink> tag. ... I won't deny the invention, but there is a bit more to the story than is widely known
: US/Canada states, provinces, territories and minor possessions as CSV, SQL, HTML form elements, PHP arrays, and more. All the countries in the world, as a text list
, CSV and API
(from the very handy and open Factual
, including “how far can I travel from any point on the Earth in a certain time, using a form of ground transportation?”
, and “If I dug a tunnel straight through the planet, where should I emerge
Released yesterday, dabblet
joins an array of live sandbox tools designed to prototype, test and share webcode that includes JSFiddle
, while bringing some advantages of its own
Other useful resources: w3clove
validates an entire site, rather than page-by-page; JQuery Air
teaches you how to use the framework directly in the browser; domain.nr
finds clever TLDs for your site, and Sequel Pro
is a nice, free, native, open source MySQL editor for OS X. If you’re more the old-school dead-tree type, there’s always The Manual
Over the past several years, Mozilla's collection of developer documentation
for its own web browsers has turned into a wiki-editable reference of web standards for developers working with all
browsers, hosting a comprehensive, no-nonsense reference of HTML
, the DOM
, and more
. If you find yourself turning to this reference frequently, dochub
will tell you exactly how many browsers will support that new standard. Still want to use that shiny new standard? Modernizr
will let you detect missing features, and load tiny bits of code
to make old browsers support the latest HTML5 hotness.
and HTML5 Weekly
, run by MetaFilter's own wackybrit
Tilt is a Firefox add-on
that lets you visualize a web page's DOM (document object model) in 3D. In effect, you can see all the layers in a web page stacked upon each other with this. [more inside]
Francis Gurry, the Director of the UN's WIPO, claims the web would have been better if Tim Berners-Lee had patented HTML and licensed it
. He does so on camera and in front of shocked members of the Internet Society and CERN. Ironically, exactly this thought experiment
came up for the web's 20th birthday on this August 6th.
For a more rigorous perspective, three Boston University School of Law faculty have shown that lawsuits by non-practicing entities, aka patent trolls
, have cost technology companies half a trillion dollars of lost wealth
over the past two decades, with little benefit to small inventors, instead reducing the incentive to innovate. [more inside]
Doodle Or Die!
A massively multiplayer Pictionary-style game. Your drawings are used as fuel for the next player's guesses, which are then used as suggestions for the next player's drawings, which are then used for the next player's guesses, and so on. [more inside]
Color Scheme Designer 3
allows a user to create harmonious color schemes using their choice of one of six customizable combinations from the color wheel. There is an option to show what a given scheme would look like to users with various types of colorblindness. The resulting scheme can be exported in several formats including HTML+CSS and Photoshop ACO, and a given scheme can even be shared as a link
The Wheels Of Steel: Turntables in your browser (a web-based DJ prototype)
Scott Schiller has created turntables in your browser, and has written an extensive blog post about how it works
. [more inside]
- 184+ open-source webfonts from Google.
"Schema ...provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers. Search engines including Bing, Google and Yahoo! rely on this markup to improve the display of search results, making it easier for people to find the right web pages. " [more inside]
Mozilla's HTML 5 Circus rolls into town.
The emergence of HTML 5 is marked by, among others, emerging browsers (or browser versions). The soon to be released Firefox 4, often delayed, mirrors the slow march to an HTML 5 Flash reduced web. Like others, Mozilla feels the need to sell HTML 5. We also have Chrome Experiments
, Canvas Demos
, IE HTML 5 demos
and Never Mind the Bullets
, and Apple's (warning: sniffer protected) HTML 5
showcase. [more inside]
- 8-bit browsing for the aliased among us [via
] [more inside]
What the Heck is Shadow DOM?
Browser developers realized that coding the appearance and behavior of HTML elements completely by hand is a) hard and b) silly. So they sort of cheated. They created a boundary between what you, the Web developer can reach and what’s considered implementation details, thus inaccessible to you. The browser however, can traipse across this boundary at will.
MOTHER EFFING TEXT-SHADOW
For all your css-based text shadowing needs
requires users to install Frame in order to get the benefits of CSS3 support (among other things). CSS3 Progressive Internet Explorer aims to bring support for CSS3 in IE versions 6 through 8 via a server side script. It's early days for the extent of supported properties but there are more to come. If it's ultimately functional and useful long term remains to be seen.
Internet Explorer 9 will support the CANVAS tag
, making support for the tag ubiquitous across major browsers.
The iPad, which you may have heard of
, has brought HTML5
into the consciousness of many. Here
Gizmodo explains what HTML5 is and why it wont save the internet. Previously
January 14th marks the 4th birthday of jQuery
and also the release of jQuery 1.4
the jQuery team has created the 14 Days of jQuery
site, which will be updated each day with a new announcement or release. There’s also prizes
to be had for the coolest use of jQuery.
is a tongue-in-cheek art installation
which generates HTML table compositions in the style of Piet Mondrian's Composition with Yellow, Blue and Red
from the text of The Principles of Scientific Management
by FW Taylor
. It does this every two minutes, posting the results to twitter." [via mefi projects
allows you to learn HTML and CSS by example.
The State of the Web 2008
is a report from Web Directions
that includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ. The survey was open for just under 3 weeks, from December 1st to 20th 2008. In total, over 1200 designers and developers from around the world responded to the survey. Respondents were likely to be self-educating, “early adopters” who keep abreast of developments in their field. Here are the tabular results
. [more inside]