nicholasjon.com :: a weblog >> posts tagged: css

The 960 Grid System

nicholasjon@nicholasjon.com (Nick) — Sat, 29 Mar 2008 00:31:48 GMT

Templating for grid-based web layouts.

Link: http://960.gs/

The Story So Far

nicholasjon@nicholasjon.com (Nick) — Sun, 20 Jan 2008 06:15:43 GMT

Why are standardistas not telling stories like the Flash guys?

Link: http://www.subtraction.com/archives/2008/0114_the_story_so.php

JavaScript shortcuts that shouldn’t be black magic to the “average developer”

nicholasjon@nicholasjon.com (Nick) — Mon, 17 Dec 2007 18:45:36 GMT

Link: http://www.wait-till-i.com/2007/11/27/javascript-shortcut-notations-that-shouldnt-be-black-magic-to-the-average-developer/

Killing Some Bad Layout Conventions

nicholasjon@nicholasjon.com (Nick) — Mon, 10 Dec 2007 08:14:06 GMT

From Andy Rutledge.

Link: http://www.andyrutledge.com/bad-layout-conventions.php

Updated Hamsters

nicholasjon@nicholasjon.com (Nick) — Sun, 02 Dec 2007 19:40:45 GMT

The weather was less-than-conducive to anything other being a shut-in over the weekend, so I spent my time goofing around with the site (when I wasn’t playing Mass Effect). I believe this makes Version 7 for those of you keeping score at home.

No weather or time of day effects yet, but the code’s still in there so I’m expecting them to come back as more time avails itself (read: I beat Mass Effect).

Blue Beanie Day 2007

nicholasjon@nicholasjon.com (Nick) — Mon, 26 Nov 2007 19:33:25 GMT

Unfortunately, all I had was a black beanie to show my support for web standards. I’ll be better prepared next year.

nicholasjon.com is iPhone-ready

nicholasjon@nicholasjon.com (Nick) — Sat, 07 Jul 2007 15:13:49 GMT

I just whipped together an iPhone-ready version of the site based on Joe Hewitt’s amazingly quick work.

It’s “read only” for now, meaning I didn’t build commenting into it, however you should be able to browse the front page of the site without any trouble.

It’s amazing how easy it is to develop for this little device.

30 Orange Websites

nicholasjon@nicholasjon.com (Nick) — Fri, 04 May 2007 08:54:59 GMT

How to use orange in your designs for the web.

Link: http://tutorialblog.org/30-orange-websites/

Joyent Slingshot

nicholasjon@nicholasjon.com (Nick) — Sat, 24 Mar 2007 08:17:40 GMT

Build offline-syncable web apps for Windows and OSX in Ruby.

Link: http://joyeur.com/2007/03/22/joyent-slingshot

Time Sensitive CSS Switcher

nicholasjon@nicholasjon.com (Nick) — Sat, 10 Mar 2007 13:54:14 GMT

A front-page Digg story about swapping out CSS files depending on the time of day. It’s nice to see so many people interested in the technique, I guess I’m just a little surprised people are finding the idea so groundbreaking. This guy does it with Javascript, and while that’s not a bad idea, I still think a server-side solution is best.

Link: http://www.digg.com/design/Time_Sensitive_CSS_Switcher

Time Sensitive

nicholasjon@nicholasjon.com (Nick) — Mon, 15 Jan 2007 14:54:29 GMT

I spent some time this afternoon building in time and weather sensitivity to my blog’s design. I spent absolutely zero time trying to phrase that last sentence so that I didn’t sound like a complete dork.

This redesign was partly driven by Smashing Magazine’s ‘30 dark designs’ article, partly driven by Amy spending all weekend blogging, and partly driven by the fact that ever since Dunstan Orchard took down his blog I’ve wanted to do something like this.

It’s a first step, there are only basic designs in place for sunny day, cloudy day and night. I think I’d definitely like to get a “twilight” one in there, maybe a rain or a snow, and then maybe a few easter eggs as I come up with them.

Comments and suggestions are, as always, welcome.

30 dark designs you should’ve seen

nicholasjon@nicholasjon.com (Nick) — Sat, 13 Jan 2007 19:16:17 GMT

Great work.

Link: http://www.smashingmagazine.com/2007/01/13/30-dark-designs-you-shouldve-seen/

Optimal width for 1024px resolution?

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:12 GMT

It’s 960px. I think I’ve been using 970px…

Link: http://www.cameronmoll.com/archives/001220.html

Fixed or fluid width? Elastic!

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:23 GMT

Always a good choice, when you can get away with it

Link: http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/

Form Widgets

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:34 GMT

Justin French examines (all too often overlooked) best practices in online form design

Link: http://justinfrench.com/index.php?id=161

DHTML Timelines

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:43 GMT

More ajaxish applications

Link: http://simile.mit.edu/timeline/

AssetPackager

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:19 GMT

Compress CSS and JS files for production apps

Link: http://synthesis.sbecker.net/pages/asset_packager

CSS Reboot Spring 2006

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:36 GMT

I always forget about CSS Reboot

Link: http://www.cssreboot.com/

Making popular layout decisions

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:24 GMT

A web designer is a fascist oppressor

Link: http://www.thinkvitamin.com/features/design/making-popular-layout-decisions

All things web 2.0: The list

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:33 GMT

The largest list of “web 2.0” apps I’ve run across

Link: http://www.sacredcowdung.com/archives/2006/03/all_things_web.html

Eight web design warm fuzzy feelings

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:28 GMT

Things that great coders always manage to pull off, but still feel warm and fuzzy about them every time

Link: http://www.pingmag.jp/2006/03/23/8-web-design-warm-fuzzy-feelings/

The time is now for front-end architects

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:27 GMT

John tells me I’m a front-end architect, and I think he might be right

Link: http://www.garrettdimon.com/archives/the-time-is-now-for-front-end-architects

Lightbox gone wild!

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:25 GMT

A great little script for creating modal dialogs

Link: http://particletree.com/features/lightbox-gone-wild/

What Are CSS Sprites?

nicholasjon@nicholasjon.com (Nick) — Mon, 30 Oct 2006 20:31:13 GMT

A very fast way to do image switching and rollovers with CSS — I think there might be some IE related issues with this tutorial, but I’m not entirely sure

Link: http://www.informit.com/articles/article.asp?p=447210&rl=1