, random posts
, Star Wars
Posted in random posts
on Sep 27, 2007 - 0 comments
Some interesting things I bookmarked on del.icio.us on September 26th, 2007:
CSS Zengarden is one of my favorite sites to have people check out, to help them understand the power of CSS and to see how
same code + different stylesheet = brand new website (or can be anyway).
Tutorialblog rounded up some great designs in 15 of the Best CSS Zengarden Designs.
Link via Digg
Mashable’s article Best MySpace Layouts That Don’t Look Like MySpace At All lists some great looking layout designs.
Stan Schroeder writes:
There’s an underground trend that’s been going on for quite some time among those who don’t enjoy the usual MySpace layout aesthetic – loud music, tons of animations, layout that’s falling apart and color matching from hell. These folks have gone to great lengths to make their MySpace profiles as different from the “standard” MySpace layout as possible.
More cool MySpace layouts in the comments of the post.
Rod McFarland has created a few original WordPress themes.
The themes use some nifty AJAX coding allowing you to navigate through the whole site using a command line interface (CLI). You simply use commands like cd, ls and cat to browse, list and view posts.
Rod McFarland CLI 2.0 WordPress theme
The server is struggling a bit at the moment but check his cool themes out here.
Link via MakeZine.
Smashing Magazine asked 35 designers, 5 questions each.
- 1 aspect of design you give the highest priority to
- 1 most useful CSS-technique you use very often
- 1 font you use in your projects very often
- 1 design-related book you highly recommend to read
- 1 design magazine you read on a daily/weekly basis (online or offline)
Result: 175 professional suggestions, tips and ideas from some of the best web-developers all around the world.
In the end we’ve received more answers than we expected. The results – over 80 CSS-based tips, design ideas, suggestions, fonts, design-related books and online-magazines – are listed below. It’s interesting to know, how designers work their magic. It’s interesting to know what you can actually learn from them.
Check the article here.
Smashing Magazine has a great round-up of CSS techniques to enhance and spice up your website.
#1 spot for CSS Navigation
Nothing new really, but a very nice compilation of 53 tips and tricks to use CSS to your advantage. Each technique is illustrated with a screenshot, so it’s easy spotting something that might be interesting to you.
Go check it out here.
A few months ago Mike Davidson took on the beast that is MySpace and turned it into something pretty sweet.
In his article Mike shows how to customize your MySpace profile so it actually looks clean and professional, unlike the average MySpace page.
If you are on MySpace and have not yet customized your pages, you might want to take the opportunity to read Mike’s Hacking a more tasteful MySpace.
Cascading Style Sheets (CSS) have been around for a while now and new ways to design/code better websites with CSS appear frequently.
Below are some great examples of innovative (well, at the time at least) CSS techniques and general userful CSS information.
Lightbox JS (Lokesh Dhakar)
Lightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
This looks great, it will be all over the place in no time.
Bubble Tooltips (Web-Graphics)
Turning a list into a navigation bar (456 Berea Street)
Roger Johansson explains how to turn a list into a navigation bar. This technique has become quite popular.
CSS shorthand Guide (Dustin Diaz)
Dustin Diaz’s CSS shorthand Guide is a wonderful collection of.. CSS shorthands (duh?!). Definately worth checking out.
CSS Cheat Sheet (ILoveJackDaniels.com)
Dave Child offers a nice CSS reference sheet, listing all selectors (as of CSS 2.1) and properties (.png and .pdf format available).
CSS Drop Shadows/CSS Drop Shadows II: Fuzzy Shadows (A List Apart)
Sergio Villarreal’s CSS Drop Shadows and CSS Drop Shadows II: Fuzzy Shadows articles show a way to create beautiful drop with ease.
Image Replacement. Again. (mezzoblue)
Dave Shea lists different ways to do Image Replacement, a technique to replace text with pretty images. Check Levin Alexander’s Image replacement decision grid to help you decide which technique to use.
A form with style (CSS Play)
Stu Nicholls of CSS Play has a nice write-up about styling forms with CSS.
In search of the One True Layout (Position is Everything)
Position is Everything has a great article about CSS-based layouts and the search for the “One True Layout”.