Please enable JavaScript in your browser for the best user experience.
categories
(select)
about
amusing
annoyance
apps
art
audio
blogging
bookmarklets
browsers
collage
color
copyright
creativity
css
cultural
data
design
desktop
dev
diversions
education
environment
experimental
explore
firefox
food
freeware
futuretech
games
giggles
government
graphics
history
html
icons
ideas
initiatives
inspiration
issues
lists
magazine
malware
meta
miscellany
mobile
music
news
odd
opensource
os x
photography
places
portable
privacy
public
questions
radio
research
resources
rights
scripting
search
security
signage
social
software
spam
standards
streetart
tips
tools
typography
unreality
urban
usability
video
viewpoints
web
words
Archives
(select)
May 2013
Apr 2013
Mar 2013
Feb 2013
Jan 2013
Dec 2012
Nov 2012
Oct 2012
Sep 2012
Aug 2012
Jul 2012
Jun 2012
May 2012
Apr 2012
Mar 2012
Feb 2012
Full Archives
adds 'labels' to elements
Label.css
Posted by jenett on
05/21/13
'a perfectly feasible solution'
CSS only responsive navigation
Posted by jenett on
05/20/13
dummy image placeholders
PlaceIMG
Posted by jenett on
05/18/13
alternative to 'mailto' links
Squaresend – "turns your mailto links into delightful feedback forms"
Related:Contact Forms with Pure JavaScript
Note: Requires registration for 'freemium' account. This is not an endorsement.
Posted by jenett on
05/07/13
'crowd-sourced data-set'
Colours
Posted by jenett on
05/01/13
'common usability problems'
Usability checklist
Note - Disclaimer: "Naturally this list is not exhaustive and doesn't fit all projects..."
Posted by jenett on
04/28/13
toggled navigation
Responsive Nav
Responsive navigation plugin without library dependencies and with fast touch screen support.
Posted by jenett on
04/27/13
mobile design helper
LiveView for iPhone & iPad
(OS X companion app also available)
Note: This is not an endorsement.
Posted by jenett on
04/22/13
CSS curiosities
(by Pete Boere )
Posted by jenett on
04/20/13
here's to simplicity
Dead Simple Grid
Posted by jenett on
04/19/13
'important UI elements'
URLs are for People, not Computers
If the URL looks like garbage people won’t click it
Posted by jenett on
04/10/13
a 'curated collection'
CSSDB: A Database Of CSS Libraries
Posted by jenett on
04/08/13
interesting design helper
Em Baseline Generator
Posted by jenett on
04/07/13
information on 'viewports'
Posted by jenett on
04/04/13
comprehensive list
Responsive Resources – "a collection of resources about the various aspects of responsive web design"
Posted by jenett on
03/27/13
some fundamentals
Learn CSS Layout
Posted by jenett on
03/22/13
fight 'rigid grid syndrome'
Extra Strength Responsive Grids
[
CodeVisually (ads)]
Posted by jenett on
03/18/13
the state of mobile fonts
tinytype – "a compatibility table showing the available default system fonts across different mobile platforms"
Posted by jenett on
03/12/13
'common typographic patterns'
Typeplate » A typographic starter kit...
Posted by jenett on
03/11/13
generates sample avatars
ui Faces - User Inter Faces
Posted by jenett on
03/09/13
responsive gallery framework
Galleria
[
CodeVisually (ads)]
Posted by jenett on
03/08/13
make it 'easy to read'
CSS Beautifier
Posted by jenett on
03/06/13
one for the kitty...
Cool Kitten
Posted by jenett on
03/01/13
dev tool: overlay grid
The Heads-Up Grid
Posted by jenett on
02/28/13
for front end developers
The Accessibility Project – "A community-driven effort to make web accessibility easier."
Posted by jenett on
02/12/13
a 'lightweight alternative'
Tire – "a lightweight JavaScript library for modern browsers" [
CodeVisually (ads)]
Posted by jenett on
02/06/13
minimalistic 'starting point'
Responsive Boilerplate Framework
[
CodeVisually (ads)]
Posted by jenett on
01/28/13
'perfect for designers'
Dotted Paper
Posted by jenett on
01/23/13
mobile first responsive grid
Bedrock
[
CodeVisually (ads)]
Posted by jenett on
01/22/13
lightweight gallery script
Photobox - CSS3 jQuery Image Gallery
[
CodeVisually (ads)]
Posted by jenett on
01/10/13
notable design/dev resources
Posted by jenett on
12/27/12
'typographic foundations'
Interactive Guide to Blog Typography
Posted by jenett on
12/23/12
customizable JavaScript dialogs
a!ertifyjs
[
CodeVisually (ads)]
Posted by jenett on
12/10/12
'placeholders all the way'
Fake images please?
Posted by jenett on
12/09/12
design-related links
Sidebar: A List of Links
Posted by jenett on
12/04/12
app prototype framework
Ratchet
Prototype iPhone apps with simple HTML, CSS and JS components.
Posted by jenett on
11/28/12
'design your own grid'
Cedvel
Cedvel aims to ease the grid design process and help you explore more alternatives. It is still far from being finished but you can test the prototype...
[CodeVisually (ads)]
Posted by jenett on
11/26/12
exploring type and cities
Show us your type
Posted by jenett on
11/23/12
'equally distributed columns'
34 Responsive Grid System
Posted by jenett on
11/10/12
'color-blindness simulator'
ChromaNope
Posted by jenett on
11/09/12
responsive design viewer
Responsivator – "View & share how sites look at different screen sizes."
Posted by jenett on
10/24/12
'a barebones grid'
Simple Grid
Posted by jenett on
10/23/12
'making grids sexier'
Grid-A-Licious
Posted by jenett on
10/21/12
'designing for color blindness'
Color Oracle
Posted by jenett on
10/09/12
'seamless integration'
Wordsmith – "a
jQuery plug-in that adds on-demand word definitions to your site"
Posted by jenett on
09/30/12
odd design elements
Skeu It! – "a celebration of arbitrary and gratuitious user interface decisions"
(see skeuomorphism )
Posted by jenett on
09/17/12
interesting design possibilities
scrollable-layer.js
Posted by jenett on
09/02/12
'drag-and-drool'
gridster.js
This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns...
Posted by jenett on
08/06/12
'Symbols Web Font'
Ligature Symbols
Posted by jenett on
07/26/12
'sticky sidebar'
stickyMojo
Posted by jenett on
07/21/12
'beautiful and easy-to-use'
Redactor WYSIWYG editor on jQuery
[
The Letter ]
Posted by jenett on
07/20/12
'unleash your creativity'
Moqups
The most stunning HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes!
Note: Freemium.
Posted by jenett on
07/16/12
a game for designers
Kern Type, the kerning game
Instructions
Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning . Your solution will be compared to a typographer's solution, and you will be given a score depending on how close you nailed it. Good luck!
Posted by jenett on
03/24/12
OpenType (.otf) also available
StateFace – "a font you can use in your web apps when you want tiny state shapes as a design element" [
Social Design Notes ]
Posted by jenett on
03/21/12
'cool and simple idea'
Responsive Design bookmarklet
Posted by jenett on
01/29/12
'everything is changing'
WTF Mobile Web
We need better reasons. Real examples. Proof that what we are all doing is not working anymore. That's what this website is about. Examples convince. Seeing trends makes us smarter. The problem isn't insurmountable if it's known. So let's get to know the problem.
Posted by jenett on
11/19/11
font previewing tool
wordmark.it – "preview words with the fonts installed on your computer"
Posted by jenett on
11/16/11
'tidy and logical'
Gridlover
Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.
Posted by jenett on
11/05/11
explore/discover mobile apps
Patterns of Design – "an online gallery for discovering the best in app design" (iOS and Android)
Posted by jenett on
09/21/11
'creating mobile web experiences'
Mobile Web Best Practices
The mobile web landscape changes on a seemingly-daily basis. That's why this site doesn't try to be the definitive guide to creating for the mobile web. It simply serves as a guide to point people in the right direction and help them discover new tools and techniques.
Posted by jenett on
09/18/11
'city cruiser'
Inner City Bike
Posted by jenett on
09/08/11
'instant buttons'
CSS3 Buttonize Framework
The Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers.
Posted by jenett on
09/07/11
'folding grid'
Golden Grid System
Posted by jenett on
08/18/11
design info and tips
The iOS Design Cheat Sheet
Posted by jenett on
07/10/11
mobile mockup maker
mokk.me
Easily create mobile web app mocks you can share,
test on multiple platforms, and use in production.
Posted by jenett on
05/22/11
'mobile ui elements' collection
lovely ui
Posted by jenett on
05/10/11
a sensible boilerplate approach
320 and up
Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.
'320 and Up' starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they're needed. Think of this as responsible responsive design.
Posted by jenett on
04/13/11
a new twist on placeholders
placekitten
Posted by jenett on
03/22/11
'diverse streams of urbanism'
Free Association Design (F.A.D.) – "explores space, place and systems through a range of writings, experiences and design research methods"
Posted by jenett on
03/20/11
CSS3 buttons framework
CSS3 Buttons
Posted by jenett on
02/24/11
'history, theory and practice'
The Typographic Hub
Posted by jenett on
02/22/11
a little thought provocation
Minimalism is not a viable intellectual strategy Minimalism cannot be a long-term strategy, but it makes an excellent short-term tactic.
Something to think about - can minimalism
be a good long-term strategy?
Related: Minimalism Is A Viable Long Term Intellectual Strategy
Posted by jenett on
12/31/10
'how did they do that?'
iDev Recipes – "Recreate interesting features of iOS apps"
Posted by jenett on
12/27/10
'no images, no JavaScript'
Pure CSS speech bubbles (
demo )
Posted by jenett on
12/23/10
background creation tool
Tiled backgrounds designer
Posted by jenett on
12/21/10
'quick references'
Cheat Sheets – "a selection of free, printable quick references for a variety of languages and web technologies'
Posted by jenett on
11/21/10
advice and resources
Scrunchup – "the web magazine for young designers and developers"
Posted by jenett on
10/27/10
consider 'user intent'
End hover abuse now
Posted by jenett on
10/18/10
'super-easy to use'
KEYS.css – "a simple stylesheet for rendering beautiful keyboard-style elements"
Posted by jenett on
10/17/10
CSS grid framework pack
The Square Grid
What's in the Pack?
Sketch sheets for printing (PDF).
Design layout templates (for Photoshop, InDesign and Illustrator).
Code files with explanations (CSS, HTML)
Posted by jenett on
10/04/10
creative events guide
Creative Everyone
Posted by jenett on
09/30/10
multi-platform
Scribus Open Source Desktop Publishing Note: This is not an endorsement.
Posted by jenett on
08/19/10
'primer and reference tool'
Design Is History – "A collection of information intended to be used as a primer and a reference tool in relation to the history of graphic design." [
Bifurcated Rivets ]
Posted by jenett on
07/19/10
'lean, mean CSS'
{+}eCSStender
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
Note: This is not an endorsement.
Posted by jenett on
07/04/10
generates color variations
Color reminder
Posted by jenett on
07/02/10
to 'inspire and entertain'
★Baubauhaus.
Posted by jenett on
05/26/10
'tutorials and screencasts'
jQuery for Designers
Posted by jenett on
05/19/10
a shady helper
0to255 – "a simple tool that helps web designers find variations of any color"
Posted by jenett on
04/13/10
stylin' toy (2)
CSS3 Generator
Posted by jenett on
03/14/10
'Create something.'
Myoats
Posted by jenett on
03/05/10
'nice typefaces used nicely'
Type Tide | fonts in use
Posted by jenett on
02/18/10
start fresh
PrimerCSS – "undercoats your CSS by pulling out all of your classes and id's and placing them into a starter stylesheet"
Posted by jenett on
01/01/10
new features/properties
Practical Uses of CSS3
Posted by jenett on
12/23/09
'culture of positive creativity'
Modern Evolution – "design on a mission"
Posted by jenett on
12/10/09
another CSS framework (3)
Atatonic CSS framework – "created to provide a stable grid and solid typography"
Posted by jenett on
11/20/09
wallpaper collection
Simple Desktops [
bytesized ]
Posted by jenett on
10/31/09
'inspiring morsels'
Inspire
Posted by jenett on
10/13/09
yes, they're different
Arial & Helvetica
Posted by jenett on
09/16/09
'stylesheet color inspector'
CSS Prism – "Enter the URL of any CSS file to view and modify its color spectrum"
Posted by jenett on
07/27/09
another CSS framework (2)
BlueTrip CSS Framework BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.
Posted by jenett on
06/28/09
'slices' of type/art
Typcut
Posted by jenett on
06/20/09
'free and dolphin safe'
Splashy Icons
Posted by jenett on
06/17/09
free customizable icons
Iconza
Posted by jenett on
06/15/09
free web icons
Led Pixel Icon Set
Posted by jenett on
06/07/09
'fake album covers'
AlbumJam [
Bifurcated Rivets ]
Posted by jenett on
03/10/09
'CSS Authoring Tool'
Sky CSS Tool
Posted by jenett on
02/09/09
another CSS framework
SenCSs
SenCSs supplies sensible styling for all
repetitive parts of your CSS, allowing you to focus on actually developing your website's style .
Posted by jenett on
12/28/08
two steps back
Give Up and Use Tables
Posted by jenett on
11/12/08
close call
Is graphic design art?
Posted by jenett on
11/12/08
interesting scripting+css approach
Dynamic Layout – "a simple JavaScript library that allows you to easily adjust page layout based on the current browser width"
Posted by jenett on
10/30/08
List: Design Resources
Skout™
Posted by jenett on
09/18/08
'browse web type'
Typechart – "lets you flip through, preview and compare web typography while retrieving the CSS"
Posted by jenett on
09/14/08
'interactive type tool'
CSS Type Set – "a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content"
Posted by jenett on
02/22/08
'dummy text' alternatives
Blind Text Generator
Posted by jenett on
02/08/08
yesteryears' design
Eurobad '74 – "an exhibition of Europe's worst interiors of 1974"
Posted by jenett on
01/29/08
'assistive tools'
'Design' bookmarklet
Posted by jenett on
12/18/07
'wrap content to any shape'
CSS Text Wrapper
Posted by jenett on
12/06/07
List: Design Resources (2)
For Webdesigners
Posted by jenett on
12/05/07
some tasty walls
AisleOne - Wallpapers
Posted by jenett on
11/26/07
transparent .png icons in 4 sizes
UserInterfaceIcons.com – "Free Icons for Software & Web Application Interfaces"
Posted by jenett on
11/12/07
'webpage tag scanner'
DivCounter
Posted by jenett on
11/11/07
'look at me' designs
What are CSS galleries actually showcasing? There are exceptions, but for the most part these sites seem to be nothing more than a collection of slow loading, non-accessible, barely usable sites made by fantastic digital artists who unfortunately have no idea how to build a web site.
Posted by jenett on
11/06/07
for comic book fans
Cover Browser [
Poows ]
Posted by jenett on
10/27/07
graphic design projects
Versch.
Posted by jenett on
09/30/07
color wheel tool
Name that Color
Posted by jenett on
09/05/07
'Design and Social Change'
Reduce & Reuse Gallery – "How might you encourage people to use waste, and/or consume less? Invent a creative way to reuse something, or invent a device or object that uses waste in a meaningful way." [
Swikiri ]
Posted by jenett on
08/13/07
image effects
Glossy.js
Posted by jenett on
06/29/07
'propaganda visual'
Visual Gore [
Poows ]
Posted by jenett on
06/04/07
'visual drivel'
The Web 2.0 Cliche
Posted by jenett on
05/31/07
enough contrast?
Colour Contrast Check
Posted by jenett on
05/11/07
amazing Flash work...
Alive and Well
Posted by jenett on
04/24/07
for newer browsers...
Nice and Free CSS Templates
Posted by jenett on
03/23/07
for developers...
JavaScript/CSS Font Detector
Posted by jenett on
03/21/07
graphics showcase
volume2 | Graphic [
pixelsurgeon ]
Posted by jenett on
03/06/07
'smell and sizzle'
Wake n' Bacon [
Disarranging Mine ]
Posted by jenett on
02/26/07
also 'simple, unobtrusive'
Lightbox JS v2.0
Posted by jenett on
02/23/07
tool 'for pixel perfectionists'
CSSTYPE v2 (Beta) [
Designaside ]
Posted by jenett on
01/01/07
demo and code
Overlapping CSS Tabs
Posted by jenett on
12/14/06
List: CSS-related
CSS - Links
Posted by jenett on
12/02/06
animated collage
Book of Numbers (Flash)
Posted by jenett on
09/27/06
'simple trick...'
CSS Browser Selector
Posted by jenett on
08/04/06
'tabber'
JavaScript Tabifier
Posted by jenett on
07/12/06
markup renderer
rendr
Posted by jenett on
06/12/06
List: Illustration
[
coolstop ]
Posted by jenett on
05/29/06
.png + original .psd files
Sweetie - Free icon set 150+ clean and clear icons to use in your nifty web application. They are licenced under a Creative Commons licence, so commercial use is fine. Also feel free to make derivatives with the included Photoshop document.
Posted by jenett on
04/27/06
some useful tips...
Squeaky Clean CSS
Posted by jenett on
04/26/06
menu and tab techniques
CSS Showcase [
Neuarmy ]
Posted by jenett on
04/18/06
easy DHTML...
Balloon tooltip
Posted by jenett on
04/02/06
list of resources
CSS Rounded Corners 'Roundup'
Posted by jenett on
03/24/06
web based form builder
JotForm
Posted by jenett on
02/23/06
'learn the basics'
CSS Basics
Posted by jenett on
02/13/06
painting and illustration
Matalobos
Posted by jenett on
02/10/06
layer vs. layer
LayerMatch
Posted by jenett on
12/12/05
design resources
Resources For Web Design
Posted by jenett on
12/01/05
experimental graphics
BaseV
Posted by jenett on
10/26/05
'quirky facts'
CSS Shorthand Guide
Posted by jenett on
10/23/05
color signals
Emotions of color
Posted by jenett on
10/11/05
another huge collection
Buttons
Posted by jenett on
10/09/05
huge assortment
Web Badges / Buttons
Posted by jenett on
10/01/05
vektor art mag (.pdf)
vektorika magazine
Posted by jenett on
09/18/05
List: art/design
Posted by jenett on
07/14/05
enough contrast?
Colour Contrast Check Tool
Posted by jenett on
07/13/05
JavaScript/CSS
domCollapse
Posted by jenett on
07/08/05
List: Misc. Resources (8)
Posted by jenett on
06/08/05
color tool
ColorMixers
Posted by jenett on
05/29/05
utility (in development)
Colorblind Web Page Filter
Posted by jenett on
05/27/05
List: Misc. Resources (7)
Posted by jenett on
05/21/05
List: Misc. Resources (6)
Posted by jenett on
05/13/05
List: Misc. Resources (5)
Posted by jenett on
05/11/05
List: Misc. Resources (4)
Posted by jenett on
04/25/05
'news blog'
PhotoshopNews.com – "dedicated to
news and information about all things Photoshop." (not affiliated with Adobe)
Posted by jenett on
04/21/05
List: Misc. Design Resources
Posted by jenett on
03/24/05
'web tool'
I Like Your Colors
Posted by jenett on
03/22/05
List: Design-Related
Posted by jenett on
02/25/05
online font creator
FontEditor
Posted by jenett on
02/22/05
using single stylesheet
CssCreator User Preference Script
Posted by jenett on
02/03/05
List: CSS-related
Posted by jenett on
01/13/05
rounded corners
CSS Rounded Box Generator
Posted by jenett on
12/18/04
List: Misc. CSS Resources
Posted by jenett on
12/10/04
more than textures...
Mayang's Free Textures – "over 1400 free to download, free to use, high-resolution textures"
Posted by jenett on
11/28/04
CSS and MySQL
deepX: Quick References
Posted by jenett on
11/06/04
simple, useful scripts
Javascripts for Designers
Posted by jenett on
10/18/04
List: PHP Tutorials
Web Design References: PHP
Posted by jenett on
10/13/04
online color tool
hexadecimal colour calculation calculates tints and their respective complementaries
Posted by jenett on
07/12/04
Free Stock Images
ImageBase
Posted by jenett on
07/03/04
JavaScript tree menu
Destroydrop ? Javascripts ? Tree [
42 ]
Posted by jenett on
06/28/04
javascript date picker
popup calendar script
Posted by jenett on
06/20/04
free fonts + news
fontmonster
Posted by jenett on
05/23/04
shades based on opacity
Color Palette Creator
Posted by jenett on
05/21/04
List: Design/Gfx Tutorials
Posted by jenett on
05/08/04
design portal from Portugal
you need to get out more...
Posted by jenett on
04/27/04
"links and discussion"
css help pile
Posted by jenett on
04/13/04
List: Asst. Design Resources
Posted by jenett on
04/12/04
for designers/developers
gazingus.org . "cluttering up my corner of the web"
Posted by jenett on
03/08/04
another color tool...
Technicolor
Posted by jenett on
03/04/04
Assorted Resources
Resources
Posted by jenett on
03/01/04
divs as pixels
CSS Pencils v3 (
about )
Posted by jenett on
01/18/04
Equalizing Columns (CSS)
3 column layout - "any column can be the longest. Footer will stay at bottom of window unless content is greater then it stays at bottom of document."
Posted by jenett on
01/04/04
Useful CSS Tip
Dead Centre .
Posted by jenett on
01/02/04
"easyCorners"
Easy round corners (CSS)
Posted by jenett on
12/26/03
useful for designers
Web Development Bookmarklets
Posted by jenett on
12/22/03
a/k/a Bookmarklets
Favlets for Web Designers
Posted by jenett on
12/17/03
List: Free Stock Photos
[
coolstop ]
Posted by jenett on
12/16/03
List: Color Tools
Posted by jenett on
12/14/03
Early 20th Century
The American Package Museum
Posted by jenett on
12/04/03
List: Design Resources
Posted by jenett on
12/03/03
CSS Selectors
Selectutorial
Posted by jenett on
12/01/03
Useful pointers
mezzoblue: CSS Crib Sheet . "This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble."
Posted by jenett on
11/27/03