jeremyjarratt.com » design

Cincinnati, 2309

jeremy — Mon, 15 Dec 2008 23:17:39 +0000

Here’s a new desktop wallpaper i made. You can use it.

In the year 2309, Earth's moon has been terraformed; New Cincinnati is depicted here as Earth looms large overhead. Sources: NASA, Wikimedia Commons: Derek Jensen (Tysto)

Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

share and enjoy:

Cheaters, etc.

jeremy — Tue, 09 Sep 2008 18:47:05 +0000

Here’s a list of cool resources for web design and development, including cheat sheets galore.

Kuler, by Adobe is really cool; it’s an interactive color palette generating widget thing that’s all about inspiration
Visibone’s Font Card is all the most important information you need to know about fonts
Ampsoft’s Browser-safe fonts includes a demonstration of each
XHTML Character Entity Reference with extra info on hover
Will the browser apply the rule(s)? A cool chart, if slightly outdated
Quirksmode’s W3C DOM Compatibility Table
30 Exceptional CSS Techniques and Examples
A slew of great cheat sheets of all flavors, courtesy of Dave Child, formerly of ILoveJackDaniels.com (i was wondering when that would happen! Sorry, Dave!)
The Web Developer’s SEO Cheat Sheet
A shitload of WordPress cheat sheets from Kahi
Lorelle’s giant list of various cheat sheets, covering HTML, CSS, PHP, and more
jQuery cheat sheet
Another jQuery cheat sheet
jQuery Visual Map
And lastly, where i found some of these, SixRevision’s Cheat Sheets for Front-end Web Developers and Useful Cheat Sheets for Web Designers

I’m sure there are more I have bookmarked somewhere. I’ll add them as i find ‘em. Enjoy!

share and enjoy:

Big Urgent Tweak Test

jeremy — Fri, 27 Oct 2006 13:38:33 +0000

Look out for my B.U.T.T.! I’ve just finished uploading some tweaks to make the Big Urgent Wish theme a little nicer. Please, as always, wear your helmets, and let me know if anything falls on your head. I could always use a good laugh.

I hope to have a sanitized version available soon.

share and enjoy:

Big Urgent Garbage Hunt

jeremy — Fri, 20 Oct 2006 13:30:33 +0000

The B.U.G. hunt is on! See if you can find all the problems with my new layout… ~~I’ve already identified the ugly 3rd-tier dropdown menu thing on the navbar at the top, but I haven’t had much time yet to test everything out.~~ fixed Later tonight I’ll tweak it and try to get it to behave itself a little better. Please post your comments here (be sure to include your OS/browser). And thanks!

(Things are bound to be a little on the messy side for a few days while I convert this thing over to the new theme.)

~~EDIT: Yikes! Single posts & pages are also totally unstyled!~~ fixed

share and enjoy:

color layout chart

jeremy — Mon, 16 Oct 2006 13:22:58 +0000

This is the color chart I made for orchestrating and managing the background images/colors when using both a style switcher and a browser sniffer to determine which background, exactly, to display for each area of the page. You might even find it useful for your own layouts. The key is below.

Note that the header isn’t really used, and that the content and sidebars (sometimes), and the drop-downs, post meta-data, and my-own-comments boxes (always) use the same background CSS (once for each subtheme).

In all there are 6 × 3 = 18 different CSS inserts for what ended up being one of 4 types of user agents (1. browsers that cannot handle PNG transparency, 2. browsers that can and receive special message A, 3. browsers that can and receive special message B, and 4) all other user agents).

So, yeah, you can tell that this is becoming a bit of a logistical nightmare for me! Nevertheless, I’m pretty confident that once I’ve got the thing done, it’ll be easy to extend.

I’m trying to make the learning curve for anyone else as shallow as I can. Here’s how it breaks down for anyone wishing to add their own subtheme:

Create CSS for layout and color
Add style to styles.inc
Add any needed sniffer-generated CSS to sniffer.inc
1. This is really for generating either translucent PNG or GIF, depending on browser
2. Obviously, this also entails creating both a PNG and GIF version for each translucent background
Edit header.php so that cookies don’t retain old style names (there must be an easier way to do this; maybe someone will come along and improve this step so it’s automated; nevertheless, it currently only requires inserting the style names into two lines of existing code, towards the top of the page)
Upload and enjoy!

Not too terribly bad, I think, all things considered.

Key:

(A)	header
E	navbar
B (+C+D)	content
(C+D)	sidebar
F+G+H+I	contrast
J	comment1
K	comment2 (alternating)

share and enjoy: