-
Badges For Bands
Badges For Bands — A site for making quality cheap badges (or 'pins') as recommended to me by @stephalicious and @nikf.
-
Pure CSS speech bubbles – Nicolas Gallagher
Pure CSS speech bubbles – Nicolas Gallagher — pure CSS speach bubbles using generated content & CSS3 by @necolas a beautiful demo and elegant solution!
-
How To Use An Apostrophe
How To Use An Apostrophe — The Oatmeal have a great and beautiful comic on how to properly use an apostrophe.
-
Convert any font with TransType universal font converter
Convert any font with TransType universal font converter — Handy looking tool for converting fonts between types via @allmarkedup.
-
Opera offers freedom in nature with 100 percent luxury
Opera offers freedom in nature with 100 percent luxury — I never thought I would say this but here is an absolutely lovely trailer tent!
-
Vintage Ad Browser
Vintage Ad Browser — impressive collection of retro ad's make for a very interesting snapshot of history.
-
Brian Dettmer's insanely creative Book Autopsies - (37signals)
Brian Dettmer's insanely creative Book Autopsies - (37signals) — we had a similar task to this in college, these are _much_ more awesomely amazing though!
-
O'Reilly Maker
O'Reilly Maker — Make your own book cover.
-
VectorMagic
VectorMagic — Found this a while back but forgot to link to it. Amazing online tool for vectorizing an image.
-
jQuery.ScrollTo
jQuery.ScrollTo — Very swish jQuery scrollto plugin.
-
How To Set an Apple Touch Icon for Any Site — All in the head
How To Set an Apple Touch Icon for Any Site — All in the head — Drew posts a handy little bookmarklet for all you iphone / ipod touch users to add an icon to any site.
-
Site Launch: Django People
One of the many sites Simon and I are collaborating on at the moment came into fruition in the (very) early hours of this morning.
Djangopeople.net aims to unite the Django community in their common allegiance of development environment. Until now the Django community's spirit had been a victim of the documentation's success, with such conclusive coverage people commonly don't feel the need to venture into IRC channels, or mailing lists to ask for help.
A very simple site, Djangopeople is (currently) just a mechanism to say who you are, where you live, what your skills are and provide links to sites you have contributed to that run on Django. Naturally there are plans to develop this further.
So far uptake has been great, since we launched—About 15 hours ago—a total of 633 people have signed up and added their profiles. Which is really exciting!
If you develop in Django head on over to Djangopeople.net and add your profile. We welcome feedback and bug reports.
-
PePenlid cutlery
PePenlid cutlery — Ingenious, there are so many times when I am tempted to stir my tea with my pen, think of the usefulness of having a knife and fork too! wow!
-
Manned Cloud by Jean-Marie Massaud
Manned Cloud by Jean-Marie Massaud — Absolutely beautiful flying hotel that takes 40 guests, I so want to go in one of these ... lets hope this is a new wave of zeppelin-like crafts!
-
Nokia perfects the clicky tactile touchscreen - iPhone gnashes teeth, swears revenge - The Red Ferret Journal
Nokia perfects the clicky tactile touchscreen - iPhone gnashes teeth, swears revenge - The Red Ferret Journal — Nokia have developed a touch screen that allows for 1mm movement when pressed, theoretically providing haptic feedback for phone interfaces.
-
shiyuan.co.uk
shiyuan.co.uk — Beautiful art portfolio, including awesome heat sensitive wallpaper and exquisitely delicate pre-cut origami calender - found via Mike Stenhouse sharing on Google Reader.
-
Geek Trends: 15 Footers with great usability by Pop Upon Magazine
Geek Trends: 15 Footers with great usability by Pop Upon Magazine — The art of footer design.
-
If all your friends jumped off of a bridge… at Ben Brown, Internet Rockstar
If all your friends jumped off of a bridge… at Ben Brown, Internet Rockstar — Insightful article on social networks and how on facebook 'the more people join, the less useful it becomes'.
-
Understanding CSS Colour modes
Understanding CSS Colour modes — in both CSS2.1 and CSS3, particularly exciting are RGBa and HSLa formats supported by firefox 3 and safari 3.
-
Email Standards Project
Email Standards Project — working with email client developers and the design community to improve web standards support and accessibility in email.
-
AssistiveWare - Videos on computer accessibility
AssistiveWare - Videos on computer accessibility — Promotional videos for assistive technologies - worth watching the one with the guy who plays games and writes a novel with only his thumb! - inspiring feats of human will and engineering over natural ability.
-
Ten Steps to User Persona
Ten Steps to User Persona — Dr. Lene Nielsen shares the ten steps she goes through in developing personas.
-
Styling File Inputs with CSS and the DOM // ShaunInman.com
Styling File Inputs with CSS and the DOM // ShaunInman.com — a little bit hacky but pretty smart.
-
Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko.net
Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko.net — Fancy looking gjQuery colour picker.
-
Blueprints are not final
Blueprints are not final — I agree with this entirely.
-
kuler
kuler — cute colour picker for colour schemes.
-
Microsoft Surface
Microsoft Surface — oooooh if you can afford a coffee table like this one get it! oooooo! just dont spill anything :/.
-
CSS The Star Matrix Pre-loaded
CSS The Star Matrix Pre-loaded — Nice use of the preloaded background image for styling star ratings (just add ajax).
-
Particletree » Rediscovering the Button Element
Particletree » Rediscovering the Button Element — Beautiful use of the button tag styled cross browser as used in Wufoo, with the possablility of using the same styles for links.
-
Functioning Form - Row Highlights in Web Forms
Functioning Form - Row Highlights in Web Forms — Arguments against row highlighting in forms, limits the eyetracking needed to parse the form apparently.
-
Uni-Form
Uni-Form — beautiful form design.
-
Breadcrumb Navigation Increasingly Useful (Jakob Nielsen's Alertbox)
Breadcrumb Navigation Increasingly Useful (Jakob Nielsen's Alertbox) — Breadcrumbs are hiarchical, cost effective and dont hurt.
-
Diarised
Diarised — "Diarised is a quick and simple online tool to help you pick the best time for a meeting" - meeting, or event or weekend away... cool.
-
Nifty Corners Layout
Nifty Corners Layout — New version of Nifty Corners ... still using the b tag with inline styles though I see.
-
Digital Web Magazine - Redesigning the ExpressionEngine Site
Digital Web Magazine - Redesigning the ExpressionEngine Site — Walkthrough of the finer points of an entire sire redesign - "any websites in your car sir?".
-
adaptive path » research is a method, not a methodology
adaptive path » research is a method, not a methodology — "stop thinking of research as a necessary approach to design and start thinking of it as just a helpful tool".
-
Text Clouds: A New Form of Tag Cloud?
Text Clouds: A New Form of Tag Cloud? — "executive summary on steroids and acid simultaneously".
-
Twingly Screensaver Beta
Twingly Screensaver Beta — Words really can't express how totally neat this is! - nicely implemented global map visualisation of the blogersphere. The thesis of two Swedish students.
-
swfIR: swf Image Replacement
swfIR: swf Image Replacement — This degrades nicely and is really quite sweet! - with everything going on recently I am beginning to be persuaded toward the benefits of flash - those who know me will note this is a big deal!
-
A List Apart: Articles: Where Our Standards Went Wrong
A List Apart: Articles: Where Our Standards Went Wrong — Ethan has an interesting article on the practicalities of standards. Personally, growing older meant that I validate others' code less, mainly so that I am not disappointed.
-
InXile - The Official Home of Line Rider
InXile - The Official Home of Line Rider — omg, I could spend so so many hours playing with this!
-
Coding Horror: Stylesheets for Print and Handheld
Coding Horror: Stylesheets for Print and Handheld — printing we know, but this article tells you how to get set up with handheld browser emulators.
-
Eye Gaze Patterns while Searching vs. Browsing a Website
Eye Gaze Patterns while Searching vs. Browsing a Website — Interesting to see the sample output from an eyetracking tool - article reaffirms Neilson's "F" viewing pattern and also analyses picture based layout.
-
GIMP - Tutorials
GIMP - Tutorials — I have found the gimp to be way more intuitive than Photoshop, definately plan to go through some of these tutorials though!
-
Event-Driven Web Application Design » Yahoo! User Interface Blog
Event-Driven Web Application Design » Yahoo! User Interface Blog — Designing exciting applications with events in mind.
-
Create a software box Photoshop Tutorial
-
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine — "53 CSS-based techniques you should always have ready to hand if you develop web-sites.".
-
How to Change the World: LinkedIn Profile Extreme Makeover
How to Change the World: LinkedIn Profile Extreme Makeover — How to get the best from linkedin.
-
Always Specify A Background Colour
Always Specify A Background Colour — I really wish more people did this, it erks me too! (My default colour is purple).
-
Digital Web Magazine - Markup as a Craft
Digital Web Magazine - Markup as a Craft — "The quality of your markup will affect the quality of related code, and even the cost of implementing or maintaining that code.".
-
light on dark | inspiration for your darker side
light on dark | inspiration for your darker side — interesting take on a design gallery - themed gallery for designs with light text on a darker background.
-
CSS Import™ | The CSS Gallery
CSS Import™ | The CSS Gallery — Design inspiration.
-
Typies
Typies — The finer points of choosing good typography.
-
2.0Culture
2.0Culture — Web 2.0 culture.
-
IRIS Design » Archive » Web 2.0 style buttons
IRIS Design » Archive » Web 2.0 style buttons — am trying to gain photoshop skilz.
-
Web 2.0 how-to design style guide
-
A Periodic Table of Visualization Methods
-
apophenia: ephemeral profiles (cuz losing passwords is common amongst teens)
apophenia: ephemeral profiles (cuz losing passwords is common amongst teens) — "Many teens are content (if not happy) to start over with most of their accounts in most places. Forgot your IM password? Sign up again. Forgot your email address? Create a new one. Forgot your login? Time for a change." - A look at social software and th.
-
YUI: CSS Grid Builder
YUI: CSS Grid Builder — Very interesting CSS addition from the Yahoo User Interface team. Im not so sure about the nonsemantic class names but if standardised layouts lead to more maintainable code then maybe it isnt so bad.
-
Interactive Designer Brendan Dawes on How The Craving for Experiences Drives Design > "Brown Paper and String" Moments
-
Seeing the World in Symbols: Icons and the Evolving Language of Digital Wayfinding :: UXmatters
Seeing the World in Symbols: Icons and the Evolving Language of Digital Wayfinding :: UXmatters — .
-
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique — .
-
Vitamin Features » Create cross browser vector graphics
-
DerekAllard.com : Conditionally Sticky Sidebar
-
Web Design Tools
Web Design Tools — .
-
RoundedCornr: Rounded Corner and Gradient Generator
-
How I Design - Snook.ca
-
Firebug - Web Development Evolved
-
David Seah : The Printable CEO™ Series
-
Color Theory for Developers
-
The Man in Blue > Resolution dependent layout update
The Man in Blue > Resolution dependent layout update — Update to the initial 2004 post on adding an additional stylesheet based on browser size.
-
Digital Web Magazine - The Rise of Flash Video, Part 3
Digital Web Magazine - The Rise of Flash Video, Part 3 — Good introduction to flash video.
-
Information Architecture 3.0
-
Open Source Web Design - Download free web design templates.
Open Source Web Design - Download free web design templates. — .
-
The Usable Page Title - Snook.ca
-
Testing the Three-Click Rule
Testing the Three-Click Rule — testing the three click rule proved it to be well intentioned but misdirected.
-
Digital Web Magazine - CSS Styling for Print and Other Media
Digital Web Magazine - CSS Styling for Print and Other Media — .
-
Logo Maker : Web 2.0 Stylr
Logo Maker : Web 2.0 Stylr — fun!
-
David Seah
David Seah — .
-
Presentation Zen
Presentation Zen — .
-
trough_1.7.gif (GIF Image, 420x1695 pixels)
-
Is left-hand navigation evil?
-
CSS-Based Forms: Modern Solutions
CSS-Based Forms: Modern Solutions — inspiration for forms.
-
The Technology Chronicles : The Top 10 Lies of Web 2.0
-
Great Fonts for Web 2.0
-
Digital Web Magazine - Color: An Investigation
-
Particletree » Dynamic CSS Changes
Particletree » Dynamic CSS Changes — alternate stylesheets in js.
-
Card sorting: a definitive guide - Boxes and Arrows: The design behind the design
Card sorting: a definitive guide - Boxes and Arrows: The design behind the design — .
-
Five Simple Steps to designing with colour : Journal : Mark Boulton
Five Simple Steps to designing with colour : Journal : Mark Boulton — .
-
Markup Maker - Takes a simple list of page ids that you enter and converts it to a valid XHTML document | Developer Tools | Accessify
-
Order Now Hand-coded Markup for your Design by PSD to HTML service, PSD2HTML.com
Order Now Hand-coded Markup for your Design by PSD to HTML service, PSD2HTML.com — .
-
PaperCut- Nghệ thuật độc đáo - ~o0Giải trí Việt Nam0o~
-
JeffCroft.com: Setting up Django on Dreamhost
-
Guerrilla HCI
Guerrilla HCI — discount usability testing.
-
Ryan J Lowe’s Dev Blog » Blog Archive » LITBox
-
Mearso.com
Mearso.com — .
-
Thierry Image Placement
-
TIP method
TIP method — interesting ...
-
Yahoo! UI Library: Reset CSS
Yahoo! UI Library: Reset CSS — What a brilliant idea!
-
centricle : css filters (css hacks)
-
Happy Cog Studios: Zeldman Video Keynote
-
bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005
bobbyvandersluis.com | Ten good practices for writing JavaScript in 2005 — .
-
Vitamin - A resource for web developers, designers and entrepreneurs
Vitamin - A resource for web developers, designers and entrepreneurs — .
-
clagnut sandbox
clagnut sandbox — .
-
Nice titles
Nice titles — .
-
deconcept › FlashObject: Javascript Flash detection and embed script
deconcept › FlashObject: Javascript Flash detection and embed script — .
-
Rounded Corners with CSS and JavaScript [JavaScript & DHTML Tutorials]
Rounded Corners with CSS and JavaScript [JavaScript & DHTML Tutorials] — .
-
Fizbang Web Design » How to Improve Your Logo
-
mad4milk : scroll your internal links smoothly
-
Avoid Within-Page Links (Jakob Nielsen's Alertbox)
Avoid Within-Page Links (Jakob Nielsen's Alertbox) — why back to top links and suchlike are not good, see: http://moofx.mad4milk.net/documentation/.
-
CSS shorthand properties - an introduction
CSS shorthand properties - an introduction — Useful if you are absolutly intent on using shorthand css.
-
A List Apart: Articles: In Search of the Holy Grail
-
Unobtrusive Javascript
-
Paint Game
Paint Game — .
-
Simon Willison: Executing JavaScript on page load
-
Enhancing Structural Markup with JavaScript [JavaScript & DHTML Tutorials]
Enhancing Structural Markup with JavaScript [JavaScript & DHTML Tutorials] — .
-
Top 10 custom JavaScript functions of all time
-
scottandrew.com
scottandrew.com — .
-
Form widgets - A library of nice looking DHTML(dynamic HTML) scripts - DHTMLgoodies.com
Form widgets - A library of nice looking DHTML(dynamic HTML) scripts - DHTMLgoodies.com — .
-
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution
A List Apart: Articles: Cross-Browser Variable Opacity with PNG: A Real Solution — .
-
mezzoblue § A Bit of Transparency
-
UrbanGiraffe » WordPress Theme Guide
-
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian)
Rasmus' 30 second AJAX Tutorial - lunatechian (lunatech-ian) — .
-
ColourMod » DHTML Colour Picker
ColourMod » DHTML Colour Picker — exceeeedingly cool colour picker.
-
CSS for All Browsers (Browser-Specifics)
-
CollyLogic: Image fades for overflow: auto
-
mozilla.org Documentation Style Guide
-
Ten more CSS tricks you may not know
-
doxdesk.com: software: minmax.js
-
Paged media
Paged media — .
-
Unicode
Unicode — .
-
Selectors
Selectors — Using the correct selectors eliminates un-needed ID's and classes!
-
Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification
Cascading Style Sheets, level 2 revision 1 CSS 2.1 Specification — .
133 items tagged "design"
Look at "design" on del.icio.us, Flickr or Technorati