MetaFilter posts tagged with css

HTML Playground

minifigs — Fri, 26 Jun 2009 03:13:00 -0800

HTML Playground allows you to learn HTML and CSS by example.

ePub Zen Garden aims to keep your E-books from looking atrocious

joeclark — Mon, 08 Jun 2009 11:16:39 -0800

Do your E-books look atrocious? They don’t have to. Liza Daly’s new ePub Zen Garden project does for electronic books what CSS Zen Garden did for the Web – demonstrate that typography and layout of E-books are easily altered and, quite possibly, beautiful and usable. (The ePub E-book format is, in fact, XHTML 1.1 + CSS, so the techniques underlying the ePub and CSS Zen Gardens are almost identical.)

Pulp browsers

slater — Wed, 15 Apr 2009 00:58:27 -0800

"What" ain't no rendering engine I ever heard of! They support CSS3 in "What"?!

Bowman quits Google

dw — Fri, 20 Mar 2009 10:35:45 -0800

I’m thankful for the opportunity I had to work at Google. I learned more than I thought I would.... But I won’t miss a design philosophy that lives or dies strictly by the sword of data.

And with that Douglas Bowman, the great web designer and CSS guru whose hiring was considered a big coup three years ago, quits Google for Twitter. (MeFi's own) Joe Clark approves. Bowman also confirms the "41 shades of blue" story is true -- Google can't decide on one shade of blue to use on the site, so they're experimenting with 41. (via Zeldman)

High Performance Web Sites

netbros — Thu, 12 Mar 2009 04:54:31 -0800

Steve Souders works on web performance and open source initiatives. His book, High Performance Web Sites, explains his best practices for performance, and is a bestseller. Steve is the creator of YSlow, the performance analysis extension to Firebug. He always shares best practices, for example, 14 Rules for Faster-Loading Web Sites, and the very informative State of Performance featuring his predictions for web performance in 2009. Steve links many of his industry presentations, and his blog is a wealth of studies, reports, techniques, and tips for measuring, monitoring and improving web site performance. Check out Episodes, a framework for timing web pages with examples to put in your code. Geek Nirvana. High Performance Web Sites

Pixel Inspiration

netbros — Thu, 05 Feb 2009 07:27:38 -0800

RGB Garden is a purely design based web design gallery and web designers community featuring beautiful CSS and Flash based websites. They also feature design related articles and downloads. Check out the developer's personal garden while you're at it.

Templates for Rapid Interactive Prototyping

netbros — Tue, 27 Jan 2009 20:49:01 -0800

This used to be really hard with CSS. Fluid 960 Grid System: Up to 16-column grid design that is flexible and fluid. Created by Stephen Bau, based on the 960 Grid System by Nathan Smith. [previously]

Punkcast

Kattullus — Thu, 25 Dec 2008 18:00:52 -0800

Punkcast is a long running series of videos of live underground music in NYC shot by Joly MacFie. Each video is usually one song. The Internet Archive hosts its videos and offers downloads in a variety of formats. MacFie also has a YouTube channel with 480 videos and a video podcast [iTunes link, feedburner link]. Here are a few bands that caught my fancy: The Icicles and The Besties, The Slits (1, 2 ), Andrew W. K., Oneida (1, 2), The Long Blondes, The Gossip, Acid Mothers Temple & Cosmic Inferno, Art Brut, Be Your Own Pet, Cansei de Ser Sexy, Lesbians on Ecstasy, The Fall, Fred Frith, Rose Melberg and Jennifer O'Connor, The Horrors, The Homosexuals, Bat for Lashes, Radio 4 and Teddybears, Kimya Dawson and Tiny Masters of Today, Yeah Yeah Yeahs and Nikki Sudden.

Not Just Rectangles Anymore

netbros — Thu, 11 Dec 2008 20:28:01 -0800

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges, then copy the generated code to your web site. From the folks at The Idea Shower who brought us Read It Later.

Free eBook: "Art & Science of CSS" from Sitepoint

spock — Wed, 19 Nov 2008 21:16:06 -0800

A 4-star rated book on CSS: The Art & Science of CSS is a FREE DOWNLOAD for 14 days from the folks at Sitepoint. Reader reviews give it 4 stars at Amazon. 208 pages. A direct link for the impatient. (27MB — zipped pdf) Enjoy!

I feel pretty!

Wolfdog — Wed, 07 May 2008 13:45:25 -0800

Gmail Redesigned is a really slick CSS makeover for - you guessed - Gmail. It uses the Stylish Firefox add-on. (So yes, this is something you would need a computer, firefox, and gmail to care about.)

Oh, so they have internet on computers now!

mewithoutyou — Wed, 30 Apr 2008 12:15:00 -0800

Homer Simpson in CSS "...I stayed with the idea in mind that more complex designs could be made using the Verdana font and absolute positioning in CSS, thus generating vector drawings directly embedded in the code html." [via]

Hide an image in html

Dave Faris — Thu, 07 Feb 2008 20:55:43 -0800

Hide an image in html ... a neat CSS trick. Highlight the block of text at the bottom of the page as if you were going to cut & paste it. The image is from Shepard Fairey and the text is from Ted Kennedy's endorsement speech of Obama, Jan. 28, 2008. (Apologies for the TinyUrl, but it's the only way I could pass all of the speech's text. The direct and true link to this app is http://metaatem.net/highlite/.)

Best of Web... or so it claims

psmealey — Mon, 03 Dec 2007 08:20:58 -0800

Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites (Flash & CSS). What is quality design means to us? Quality Design = Visual + Technical + Creativity. Also, Best of CSS design for 2007.

Resources for Web Developers

jonson — Sat, 07 Jul 2007 10:22:36 -0800

The Learn List is attempting to become a comprehensive online resource for free tutorials in Flash, PhotoShop, Fireworks, Illustrator, Dreamweaver, ActionScript, PHP, CSS & XML.

rendur 2.1 - HTML / CSS Rendering Site

davebug — Mon, 14 May 2007 12:25:09 -0800

rendur 2.1 - Dynamic HTML/CSS preview in your browser. A quick way to try out a bit of HTML and CSS code. Whatever you put in the box renders to its left. Now works in IE, though it's a bit better in Firefox (thanks to on-the-fly style sheet definitions). [via mefi projects]

Good Thing He Didn't Become John McTubgirl

brownpau — Tue, 27 Mar 2007 21:53:09 -0800

McPwnd. Person in charge of John McCain's MySpace presence decides to use Mike Davidson's MySpace/CSS hack, but fails to credit Mike, and directly hotlinks his images. Result: "Today I announce that I have reversed my position and come out in full support of gay marriage ... particularly between passionate females." Oops. Remember, folks: hotlinks are bad.

24 (Web) Ways of 2006

juiceCake — Sat, 30 Dec 2006 19:56:27 -0800

24 Ways - 2006 Edition This year's possibly useful 24 articles containing 24 tips and tutorials for those of us who love CSS and other related web development techniques. Last year's links are included too.

From one civil war to another

Atreides — Fri, 22 Dec 2006 11:25:02 -0800

We all know of Confederate General Stonewall Jackson, but what about the ironclad built in his name? Courtesy of the United States Naval Historical Center, her history comes to life in photographic form. Built in Europe, she was captured at the end of the war and sent to rest in the Washington Naval Yards. From there, the Stonewall was sold to Japan and rechristened the Kotetsu. She passed hands from the Shogunate to the Emperor, and later received her last name of Azuma. Under the Emperor's forces, she played a role in perhaps the most important naval battle of the Meiji Restoration.

It's...so...FRUSTRATING

Captaintripps — Sat, 25 Nov 2006 14:28:17 -0800

Can you get to seven in this puzzle using clues hidden in the text, images, HTML and CSS? If you can get to the seventh page, can you get to fourteen? How about get to 28?

ProtoWolfenstein in CSS

boo_radley — Mon, 14 Aug 2006 13:01:28 -0800

Dynamic 3D with CSS and the DOM Brothercake describes how to generate 3D mazes using nothing but CSS, the DOM and cunning. If you're not interested in the explanation, jump right to the example.

CSS Love Song

londontube — Wed, 26 Apr 2006 20:51:24 -0800

Hands to Boag A love song about web standards with lyrics like, "Tonight I need your CSS, coding in the darkness. From now on no more tables nest; you will meet web standards"...

Type Righter

Robot Johnny — Wed, 08 Mar 2006 21:14:10 -0800

The Elements of Typographic Style Applied to the Web. Robert Bringhurt's undisputed bible of typography until now has been limited to print design. This site, a work in progress, presents his principles one at a time, and explains how to follow them as a web designer using HTML and CSS.

The Cascadian Order of the Strict Conformance

brownpau — Mon, 13 Feb 2006 09:07:38 -0800

CSS Trappist Monastery. Like the Zen Garden, but without any images (other than the "chosen twelve").

Wicked Web 2.0 resource!!!!11!1!

Rothko — Sat, 29 Oct 2005 07:28:08 -0800

A literal cornucopia of online web design resources to help you keep on top of specifications and sites related to CSS, accessibility, graphic design (color tables and theory), DOM, typography, and much, much more...