CSS3 text-align-last

[Short and to-the-point post on the Adobe Web Platform blog about a cool new proposed CSS3 property: text-align-last][link]. Finally, FINALLY, we can justify the last line of a paragraph tag.

My god, it’s full of stars.

[link]: “Improving your site’s visual details: CSS3 text-align-last | Web Platform Team Blog”



[Very impressive JS presentation tool using CSS3 transforms and other newish web tricks.][link]

[link]: “impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz”


CSS3 Patterns Gallery

[Golly this is nifty][link]. A very nice collection of gradient patterns, all of which work with CSS PIE (which means they work in IE!).

[link]: “CSS3 Patterns Gallery”


CSS3 Generator

[A Swiss Army knife CSS3 vendor-prefix + generic rule generator.][link]

[link]: “CSS3 Generator”


CSS3 PIE: CSS3 decorations for IE

[Enables some of the most useful CSS3 features for IE6-8, such as border-radius, box-shadow, and linear-gradient][link]. This will save me hours every week.

[link]: “CSS3 PIE: CSS3 decorations for IE”


CSS3 Linear Gradients Tool

[An html-based GUI for building CSS3-compatible gradients without images][link]. Like [][border], I’m sure this will become a part of my daily routine.

[link]: “Linear Gradients”
[border]: “Generate CSS3 Border-Radius tags”


Google Font API

[Google’s hosted, embeddable, fonts for use with @font-face.][link] They’re apparently [collaborating with TypeKit][type].

via [Zeldman][zeld]

[link]: “Google Font API – Google Code”
[zeld]: “Original Tweet”
[type]: “TypeKit and Google”


CSS3 Gradient Buttons That Degrade Well

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

[link]: “CSS3 Gradient Buttons”


Font Squirrel’s List of Fonts Licensed For @font-face Use

[With downloadable kits containing EOT, SVG, WOFF, and TTF versions, Cufon versions and a stylesheet with the @font-face rules for easy @import-ing][link]. This is drop-in simple. What more can you ask for?

Maybe a slightly better browsing interface, but other than that?

[link]: “Font Squirrel | Download Hundreds of Free @font-face Fonts”


Closing Tabs 5/27/09

* [Super Mario 64 longplay, grabbing all 120 stars][sm]. If you were under the age of 30 when this came out, goodbye afternoon. It’s such an astoundingly well put together game. At every stage, care was taken to make sure it “felt” right. [Jason Scott][textfiles]’s [talk about Platform Studies][scott] has me rekindling my love affair with it.

[sm]: “Super Mario 64 Longplay”
[scott]: “Jason Scott’s Talk”
[textfiles]: “Jason Scott’s”

* [The Metroid Prime entry on Wikitroid][prime]. ’nuff said. Exploring the 3D transition of one of Nintendo’s other major franchises, which skipped the N64 and went straight to the GameCube. With Mario 64, everyone expected it to be mind-blowing. With Prime, everyone expected it to be shit. Sometimes everyone is wrong. *Disclosure: I have stock options in Wikia.*

[prime]: “Wikitroid: Metroid Prime”

* [ANTHEM Platform][anthem]. A platform for piping Social Networks, IM, email, OEMs, etc, to cell phone applications. Recently acquired by Good Technology.

[anthem]: “Anthem platform”

* [Imified][imified]. A service which runs IM bots for you, and acts as a go-between for you and the IM network. You can code up applications that the bot queries with what is said to it, by whom. They provide examples in PHP, which makes me happy.

[imified]: “Imified”

* [Google is “betting big on HTML5”][goog]. Speed of web development accelerating, `canvas`, `video`, client-side databases, web workers, etc. See also: [YouTube using the HTML5 `video` tag][youtube].

[goog]: “O’Reilly: Google Bets Big on HTML 5”
[youtube]: “Youtube HTML5 demo”

* [Sleeping with the NME: how the British music press picked up a dose of the crap][brit], which is about the sorry state of the British music press. From [Velvet Coalmine][coal], which has become a favorite blog of mine.

[brit]: “Sleeping with the NME: how the British music press picked up a dose of the crap”
[coal]: “Velvet Coalmine”

* [Remote-controlled sperm][kurz], or more precisely: remote-controller sperm-like nanodevices.

[kurz]: “Sperm-like nanopropeller is smallest swimmer ever”

* [CSS-only gradients][grad] using CSS3 and no images. Whatsoever. Uses the `-webkit-gradient` property. Hot shit.

[grad]: “CSS3 Gradients”