[This is very pretty, but requires a WebKit-based browser (Chrome, Safari).][link]
[link]: http://ivan.ly/ui/ “CSS Progress Bar”
Categories
Tag: css
Categories
Unitless line-heights
[A handy CSS tip and technique that I was previously unaware of.][link]
[link]: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ “Eric’s Archived Thoughts: Unitless line-heights”
Categories
Prefix or Posthack
[Eric Meyer, in praise of browser prefixes][link] such as `-webkit`:
>If the history of web standards has shown us anything, it’s that hacks will be necessary. By front-loading the hacks using vendor prefixes and enshrining them in the standards process, we can actually fix some of the potential problems with the process and possibly accelerate CSS development.
I’d add that vendor prefixes work very well with a steady diet of progressive enhancement. You, as a developer, are not bound by law to [make every element on every page look exactly the same in every browser][no]. The less tied-down each of us are, the faster all of us can move.
[link]: http://www.alistapart.com/articles/prefix-or-posthack/ “A List Apart: Articles: Prefix or Posthack”
[no]: http://dowebsitesneedtolookexactlythesameineverybrowser.com/ “Do websites need to look exactly the same in every browser?”
Categories
Nivo Slider
[It bills itself as “The Most Awesome jQuery Image Slider,”][link] and once you see it you will, if not agree entirely, see where they’re coming from.
[link]: http://nivo.dev7studios.com/ “Nivo Slider – The Most Awesome jQuery Image Slider”
Categories
Introducing FRMT.me
[FRMT.me is an online CSS formatter][link] using the Extra Future house style rules, which I’ve yet to codify here but will soon. It is one of my 6-hour projects, and as such is considered a sibling to [Megaman II’s Intro in HTML, CSS, and jQuery][mm2].
House style on the name is to print the domain all caps and the TLD in lowercase, like so: FRMT.me.
[link]: http://frmt.me “FRMT.me Formats CSS”
[mm2]: http://extrafuture.com/mm2/
[Pure HTML, CSS and Javascript][link], no App Store required. [Play it][play].
[play]: http://mrgan.com/pieguy “Pie Guy”
[link]: http://mrgan.tumblr.com/post/257187093/pie-guy “Pie Guy – a free web game for your iPhone – Neven Mrgan’s tumbl”
[Great tip from Guillermo Esteves][link]. Worked a charm on this very site.
[link]: http://blog.gesteves.com/post/36097597/helvetica-neue-light “Helvetica Neue Light – All-Encompassing Trip”
Categories
Bulletproof @font-face syntax
[Paul Irish’s guide][link] to the best @font-face syntax for all compatible browsers.
[link]: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ “Bulletproof @font-face syntax « Paul Irish”
Categories
Text Rotation with CSS
[Can I get a witness][link]? Not only does it work, it works NOW.
[link]: http://snook.ca/archives/html_and_css/css-text-rotation “Text Rotation with CSS”
Categories
Web Fonts Now, for real
[Zeldman on a proposed webfont permissions table][link]. This seems sort of like attaching a file to a movie that says DO NOT STEAL and expecting it to work.
[link]: http://www.zeldman.com/2009/07/16/web-fonts-now-for-real/ “Web Fonts Now, for real – Jeffrey Zeldman Presents The Daily Report”
Categories
LESS – Leaner CSS
[Consolidates and optimizes CSS in a way which I’ve not seen before][link]. Which is cool, but it would be nice if it could convert it BACK so humans could read/edit it easily. Check the examples, you will be glad you did. Hey, it does do that.
via [simplebits][via].
[link]: http://lesscss.org/ “LESS – Leaner CSS”
[via]: http://simplebits.com/notebook/2009/06/25/lesscss.html “Simplebits post on LESS”
Categories
Introducing Typekit
[A platform for css3’s @font-face][link]. 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.
[link]: http://blog.typekit.com/2009/05/27/introducing-typekit/ “Introducing Typekit « The Typekit Blog”
Categories
Mozilla Labs Jetpack
[Extending Firefox with open web technologies like jQuery, HTML and CSS][link]. I am thinking of it as the next generation of Greasemonkey.
[link]: https://jetpack.mozillalabs.com/ “Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web”
Categories
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?
[link]: http://talleming.com/2009/04/21/web-fonts/ “Tal Leming » Web Fonts”