Categories
Links

#c0ffee is the color

A beautiful list of valid HTML colors which are also english-language words. There’s a poetry to how some of these match up; “defied / #DEF1ED” for example seems perfect somehow?

Categories
Links

Semantic UI

Yet another HTML/CSS/JS framework, but built so that the classes are understandable in english. It’ll create some HTML bloat, but it has a certain Applescript-y charm to it.

The site is pretty snazzy, too. Very readable, very smooth.

Categories
Links

Macaw

The only visual HTML editor I’ve ever seen that looks legitimately useful, well-executed, and outputs good code.

Let’s see if they can deliver.

Categories
Links

Garlic.js

Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted. This way, your users don’t lose any precious data if they accidentally close their tab or browser.

Uses localStorage if available, to boot. The author suggests marking up your forms with rel=”persist” and that sounds reasonable enough to me.

Categories
Links

CSS PANIC

A whack-a-mole game written entirely in CSS/HTML. No Javascript. Chrome/Safari only.

Categories
Links

HTML is the new HTML5

Ian Hickson:

The WHATWG HTML spec can now be considered a “living standard”. It’s more mature than any version of the HTML specification to date, so it made no sense for us to keep referring to it as merely a draft. We will no longer be following the “snapshot” model of spec development, with the occasional “call for comments”, “call for implementations”, and so forth.

Behold, HTML’s living specification. The w3c is still looking to publish a “snapshot” of HTML5.

Categories
Posts

A Comparative Analysis Of The Differing Approaches Twitter and Facebook Take To “Share” Buttons And What It Might Say, Philosophically Speaking, About Each As A Company

Visually, the “Share” and “Tweet” buttons are very similar, and are structured identically.

On the code-side, however, they are very much the product of two different companies with, I would argue, different outlooks on the web as a whole and HTML specifically.

Facebook’s “Share” Button

<a name="fb_share" type="button_count" share_url="someurl" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

There is no such thing as a share_url attribute in any published version of HTML. Facebook just made it up because they felt like it, and it was the easiest way for them to do what they wanted. They’re also mis-using the type attribute, here. type should be a mime-type string, as specified in the HTML documentation, not whatever random data you decide will be helpful.

It would be possible to see these as harmless and (possibly) clever hacks, but this is not a startup based in a garage, this is a billion-dollar company with hundreds of employees. Philosophically it speaks to Facebook’s general lack of regard for the internet as a whole: Facebook does what it wants, and you can go fuck yourself if it bugs you. In other words: Who has two thumbs, a $100 billion valuation, and doesn’t give a shit about your web standards pedantry? This guy.

Twitter’s “Tweet” Button

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="philnelson">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Twitter uses the HTML5 data attributes, which were created for specifically this purpose, which is embedding useful information in HTML without having to make up your own attributes. As a result, Twitter’s code is not only valid and logical, it’s ahead of the curve. Philosophically this says that Twitter considered the ramifications of this a bit more than Facebook has. This code will be embedded in millions of webpages, many of which will never be updated, so it matters in a big way that it be done right. Yes, the HTML5-style data attributes are a little bit too new for some people to get behind, but today isn’t the only thing that matters. Tomorrow is pretty important, too.

In total, what these buttons say about their companies is pretty simple: Twitter cares about being a good web citizen. Facebook? Not so much.


Update 28 October 2010: Changed conclusion text for clarity.

Categories
Links

Quirksmode: Introduction to Range

A useful overview of Ranges in an HTML Document, with examples for (of import to myself) getting the text a user has selected so you can do stuff with it.

Of note: None of the examples here seem to work on iOS WebKit.

Categories
Links

CSS3 Gradient Buttons That Degrade Well

Excellent work from Web Designer Wall. I’ve been using a similar approach on a client site lately, but this one has a few tricks I hadn’t considered.

Categories
Links

Pie Guy, a free web game for your iPhone by Neven Mrgan

Pure HTML, CSS and Javascript, no App Store required. Play it.

Categories
Links

Text Rotation with CSS

Can I get a witness? Not only does it work, it works NOW.

Categories
Links

Web Fonts Now, for real

Zeldman on a proposed webfont permissions table. This seems sort of like attaching a file to a movie that says DO NOT STEAL and expecting it to work.

Categories
Links

Introducing Typekit

A platform for css3’s @font-face. The real test of this will be how many hoops you have to jump through to embed a font, and how it handles failure:

We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

The upside is that having a central place to access these fonts will be great for caching.

Categories
Links

Mozilla Labs Jetpack

Extending Firefox with open web technologies like jQuery, HTML and CSS. I am thinking of it as the next generation of Greasemonkey.

Categories
Links

Tal Leming on Embedded Web Fonts

A rare take on embedded web fonts from someone who actually makes fonts and sells them for a living. He suggests a DRM system using a “root table” that says what fonts can be used on what domains, but then says this:

There is nothing that can be done about this. All we can do is present a person with a fork in the road. The person can license the font to give the designer the respect he/she deserves for creating something that the person likes and wants to use. Or, they can ignore the Golden Rule and hack the font.

If that’s the case, and he knows it’s the case, then why not forget the DRM entirely? Why not trust people to do the right thing from the start, and call them out on it when they don’t?

Categories
Links

Dave Shea on Why He’s Backing HTML5

The points he makes are good ones, and I agree with most of them. The comments are pretty lively on this one, but seem civilized.