Crafting Subtle & Realistic User Interfaces — Flyosity: Mac & iPhone Interface Design
january 2010 by jtth
The underlying secret to beautiful user interface design is realism: making 2D objects on your screen appear to sit in 3D space with volume, surface properties and undulations that might appear in real life. These faux 3D objects have highlights and shadows just like objects on your desk might have, and they have textures that emulate real objects from glass to sandpaper and everything in between. Designing beautiful user interfaces has more to do with the why than the how.
design
howto
iphone
ui
webdesign
january 2010 by jtth
Saddleback Leather Company - SADDLEBACK LEATHER CO. leather bags | leather briefcases | leather backpacks | leather suitcases
august 2009 by jtth
freaking amazing luggage/stuff
web
webdesign
shopping
wishlist
travel
laptop
bags
manliness
leather
store
ecommerce
site
quality
backpacks
bag
luggage
briefcase
wallets
august 2009 by jtth
Chrome Experiments - Home
august 2009 by jtth
Chrome Experiments Not your mother's JavaScript
demo
experiments
canvas
js
googlechrome
experiment
visualisation
browsers
experimental
browser
chrome
webdesign
visualization
cool
art
web
design
programming
august 2009 by jtth
Managing UI Complexity | Brandon Walkin
experience hig userinterface progressivedisclosure simplicity examples usability ui cocoa complexity hci ux interaction user gui userexperience development webdesign articles microsoft interface web application programming blog design software article mac
august 2009 by jtth
experience hig userinterface progressivedisclosure simplicity examples usability ui cocoa complexity hci ux interaction user gui userexperience development webdesign articles microsoft interface web application programming blog design software article mac
august 2009 by jtth
36 Beautiful Wallpapers for Minimalist Lovers | 2experts Design - Web Design and Graphic Design Blog
august 2009 by jtth
some great simple wallpapers
wallpapers
smashingmagazine
photography
background
design
art
webdesign
blogs
minimalist
minimal
minimalism
images
list
photo
graphics
desktop
inspiration
wallpaper
creative
august 2009 by jtth
F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox)
july 2009 by jtth
F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school.
accessibility
eyetracking
nielsen
reading
ui
marketing
website
patterns
layout
pattern
usability
content
interface
webdev
webdesign
writing
visualization
research
psychology
tips
development
internet
articles
technology
web
interesting
design
reference
article
science
july 2009 by jtth
30 Examples of Extreme Minimalism in Web Design | SingleFunction
july 2009 by jtth
Gushing over these simple sites.
minimal
minimalism
twitter
ux
minimalist
design
web
webdesign
web2.0
webdev
inspiration
website
july 2009 by jtth
You should follow me on Twitter | Dustin Curtis
july 2009 by jtth
I actually tried many more permutations than I show here. I only discuss the most interesting ones below and describe my thought process along the way.
blog
web
design
psychology
articles
writing
webdesign
ui
usability
blogging
data
inspiration
language
statistics
communication
optimization
marketing
conversion
testing
twitter
persuasion
copywriting
socialmedia
action
ux
clickthrough
abtesting
measurement
calltoaction
wording
july 2009 by jtth
Welcome to Ficly - A better, shorter story
june 2009 by jtth
Like Fictlets, but not retarded.
storytelling
ficly
ficlets
digitalstorytelling
shortstories
openid
websites
creative
stories
collaborative
collaboration
startups
writers
ideas
fiction
community
story
english
literature
reference
inspiration
design
interesting
writing
webdesign
web2.0
social
june 2009 by jtth
flipping typical
april 2009 by jtth
writes out a phrase in all the fonts installed on your system
tools
web
visualization
design
webdesign
fonts
font
typography
april 2009 by jtth
Elliott Kember dot Com
april 2009 by jtth
One of the better personal websites I've ever seen.
inspiration
design
programming
webdesign
webdev
portfolio
css
javascript
april 2009 by jtth
patternBrowser
january 2009 by jtth
Interface Design Patterns
gui
ux
ui
hci
information
resources
user
repository
reference
design
web
visualization
interface
usability
graphs
webdev
webdesign
statistics
patterns
january 2009 by jtth
Rands In Repose: A Signature Cadence
december 2008 by jtth
Reasons why Web 2.0 is genuine, or at least feels as such.
rands
authenticity
technology
development
writing
culture
webdesign
web2.0
management
inspiration
essay
usability
people
flickr
ui
hci
human
interaction
ux
collaboration
web
software
december 2008 by jtth
Flashbulb Interaction | Working through Screens Book
november 2008 by jtth
Working through Screens is a reference for product teams creating new or iteratively improved applications for thinking work. Written for use during early, formative conversations, it provides teams with a broad range of considerations for setting the overall direction and priorities for their onscreen tools. With hundreds of envisioning questions and fictional examples from clinical research, financial trading, and architecture, this volume can help definers and designers to explore innovative new directions for their products.
webdesign
web
visualization
ux
user
usability
ui
tools
userexperience
november 2008 by jtth
typeface.js -- Rendering text with Javascript, <canvas>, and VML
october 2008 by jtth
Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site. Here's what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal:
webdev
webdesign
typography
web
typeface
type
tools
vml
october 2008 by jtth
Multicolr Search Lab - Idée Inc.
october 2008 by jtth
We extracted the colours from 10 million of the most “interesting” Creative Commons images on Flickr. Using our visual similarity technology you can navigate the collection by colour. Also available with Alamy Stock Photography. Check out the FAQ. Have feedback?
webdesign
web
visualization
tools
tool
searchengine
search
color
october 2008 by jtth
Flare | Data Visualization for the Web
august 2008 by jtth
Flare is an ActionScript library for creating visualizations that run in the Adobe Flash Player. From basic charts and graphs to complex interactive graphics, the toolkit supports data management, visual encoding, animation, and interaction techniques. Even better, flare features a modular design that lets developers create customized visualization techniques without having to reinvent the wheel.
actionscript
prefuse
flare
visualization
flash
graphics
code
webdesign
framework
api
information
data
library
chart
graphs
adobe
charts
flex
software
design
programming
tools
web
development
opensource
august 2008 by jtth
TiltViewer-Pro Flickr Gallery Example
february 2008 by jtth
One of the better galleries I've seen.
flash
portfolio
gallery
design
illustration
webdesign
canada
images
february 2008 by jtth
Internet '96
january 2008 by jtth
What the websites of some corporate pages looked like in '96.
history
internet
funny
webdesign
design
vintage
technology
weird
webdev
comparison
computer
culture
humour
interesting
marketing
pictures
january 2008 by jtth
Allan Jardine | Reflections
december 2007 by jtth
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.
design
webdesign
tools
bookmarklet
javascript
grid
webdev
december 2007 by jtth
Wordpress 5ThirtyOne v2.0
december 2006 by jtth
In an attempt to break away from smaller fonts and darker colors, I created 5ThirtyOne v2.0 to be as easy to read as bold crayons on a sheet of white construction paper.
blog
design
productivity
template
theme
themes
wordpress
webdesign
december 2006 by jtth
Kaushal Sheth » Wordpress Themes
december 2006 by jtth
Elegant Templates offers you proffessional and Elegant website templates website design templates, flash templates, flash intros and lots more and get your skill of designing come out with more expertise.
blog
blogging
work
wordpress
wp
css
blogs
design
freeware
Geek
imported
resource
reference
read
software
themes
templates
tips
tools
tweaks
web
webdesign
webdev
Theme
december 2006 by jtth
Web development - Recommended OS X tools - 5ThirtyOne - Derek Punsalan
november 2006 by jtth
A nice article talking about the author's favorite tools for web development on Mac OS X. Introduced me to some new ones, like MAMP.
mamp
mac
os
x
osx
apple
mysql
apache
ruby
rubyonrails
program
recommendation
blog
post
article
web
development
webdesign
web2.0
november 2006 by jtth
Nifty Corners
september 2006 by jtth
How to do rounded corners in many different styles and implementations with CSS and javascript.
css
web
webdesign
design
article
javascript
september 2006 by jtth
//gtmcknight.com: Steal These Buttons
september 2006 by jtth
Huge list of 80x15 blog buttons.
buttons
webdesign
graphics
web
images
blog
design
september 2006 by jtth
the Creatures in my Head - illustration and artwork by Andrew Bell
april 2006 by jtth
Beautiful illustrations of crazy things.
art
blog
blogs
book
clothing
comic
comics
cool
creativity
web
cute
daily
design
fun
flash
funny
graphics
horror
humor
icons
illustration
interesting
internet
news
portfolio
shop
shopping
store
strange
webdesign
weekly
weird
april 2006 by jtth
EasyRGB - Color harmonies, complements and themes.
april 2006 by jtth
Search for colors complements to your RGB values. Create color harmonies, combinations and themes. From your main (or background) color select trim and accents tones.
art
color
computers
css
design
development
film
free
graphics
html
internet
photoshop
php
webdev
webdesign
web
usability
tools
theme
templates
technology
software
colors
reference
programming
april 2006 by jtth
Open Web Design - Home
march 2006 by jtth
The Open Web Design project was founded in November 2005 by Aaron "MonkeyMan" Nikula as a resource for users with no design skills to quickly put up a site and showcase their content and as a way for designers to share their designs and showcase their tal
cool
daily
css
design
development
free
graphics
html
open
opensource
programming
reference
source
themes
web
webdesign
march 2006 by jtth
ProFont for Windows, for Macintosh, for Linux
february 2006 by jtth
ProFont is a small bitmap font which is absolutely great for programming. It was made for Macintosh computers, but now it's also available for Windows and Linux/UNIX X Windows.
apple
programming
font
Fonts
windows
Typography
linux
mac
free
macosx
misc
opensource
win32
development
desktop
design
tools
webdesign
unix
february 2006 by jtth
http://interfacelift.com/
january 2006 by jtth
Welcome to InterfaceLIFT, your source for graphical user interface enhancements for Mac OS X, Microsoft Windows, and Linux. We specialize in desktop wallpaper, icons, themes, and news with a focus on community.
apple
2005
interesting
theme
themes
icons
wallpaper
mac
GUI
windows
osx
design
todo
tools
web
web2.0
webdesign
win32
work
xp
software
rss
reference
programming
photoshop
photos
Photography
photo
os
linux
internet
art
computer
cool
desktop
development
free
fun
graphics
hacks
icon
high
image
january 2006 by jtth
Feed Icons - Help establish the new standard
december 2005 by jtth
Harmonize By adopting this icon as the identity of syndicated content, you're helping to... * Eliminate confusion brought on by acronyms. * Break down the international barriers. * Bring feeds to the forefront. Customize Not a fan of orange? Download the
rss
icons
design
icon
web
feeds
feed
web2.0
webdesign
html
digg
free
firefox
blog
blogging
blog_
december 2005 by jtth
11 Rules of Writing -- a concise guide to important grammar, punctuation, and writing style rules
december 2005 by jtth
11 RULES OF WRITING This site is a concise guide to some of the most commonly violated rules of writing, grammar, and punctuation. It is intended for all writers as an aid in the learning and refining of writing skills. Explore each of the rules to see ex
reference
writing
english
rules
grammar
Words
punctuation
webdesign
blog
december 2005 by jtth
Beginner's Guide to SSI (server side includes)
december 2005 by jtth
Beginner's Guide to SSI (server side includes) Don't worry, SSI doesn't require a rocket-science degree to understand and use. It is, however, a highly useful feature that lets you do incredibly time saving tasks such as include the contents of an externa
ajax
dhtml
internet
javascript
programming
web
webdev
apache
html
CSS
webdesign
SSI
december 2005 by jtth
related tags
a ⊕ abstract ⊕ abtesting ⊕ accessibility ⊕ action ⊕ actionscript ⊕ adobe ⊕ ajax ⊕ anagram ⊕ analysis ⊕ animation ⊕ apache ⊕ api ⊕ app ⊕ apple ⊕ application ⊕ apps ⊕ art ⊕ article ⊕ articles ⊕ authenticity ⊕ background ⊕ backpacks ⊕ bag ⊕ bags ⊕ behance ⊕ behavior ⊕ benchmark ⊕ bg ⊕ blog ⊕ blogging ⊕ blogs ⊕ blog_ ⊕ book ⊕ bookmarklet ⊕ books ⊕ briefcase ⊕ browser ⊕ browsers ⊕ business ⊕ button ⊕ buttons ⊕ calltoaction ⊕ canada ⊕ canvas ⊕ career ⊕ chart ⊕ charts ⊕ cherrypy ⊕ chroma ⊕ chrome ⊕ clickthrough ⊕ clothing ⊕ cms ⊕ cocoa ⊕ code ⊕ coding ⊕ collaboration ⊕ collaborative ⊕ collection ⊕ color ⊕ colors ⊕ colour ⊕ comic ⊕ comics ⊕ communication ⊕ community ⊕ comparison ⊕ complexity ⊕ computer ⊕ computers ⊕ conference ⊕ conferences ⊕ content ⊕ conversion ⊕ cool ⊕ copywriting ⊕ creative ⊕ creativity ⊕ cs ⊕ css ⊕ culture ⊕ cute ⊕ daily ⊕ darwin ⊕ data ⊕ demo ⊕ design ⊕ designer ⊕ desktop ⊕ dev ⊕ development ⊕ dhtml ⊕ digg ⊕ digitalstorytelling ⊕ django ⊕ domain ⊕ download ⊕ downloads ⊕ drupal ⊕ ecommerce ⊕ emulation ⊕ english ⊕ entrepreneur ⊕ essay ⊕ event ⊕ events ⊕ examples ⊕ experience ⊕ experiment ⊕ experimental ⊕ experiments ⊕ explorer ⊕ eyetracking ⊕ feed ⊕ feeds ⊕ ficlets ⊕ ficly ⊕ fiction ⊕ field ⊕ film ⊕ firefox ⊕ flare ⊕ flash ⊕ flex ⊕ flickr ⊕ font ⊕ fonts ⊕ framework ⊕ free ⊕ freeware ⊕ fun ⊕ funny ⊕ gallery ⊕ Geek ⊕ generator ⊕ genius ⊕ geometry ⊕ good ⊕ googlechrome ⊕ grammar ⊕ graphic ⊕ graphics ⊕ graphs ⊕ grid ⊕ gui ⊕ hacks ⊕ hash ⊕ hci ⊕ hig ⊕ high ⊕ history ⊕ horror ⊕ howto ⊕ html ⊕ human ⊕ humor ⊕ humour ⊕ icon ⊕ icons ⊕ idea ⊕ ideas ⊕ ie ⊕ ie7 ⊕ illustration ⊕ image ⊕ images ⊕ imported ⊕ information ⊕ innovation ⊕ input ⊕ inspiration ⊕ interaction ⊕ interesting ⊕ interface ⊕ internet ⊕ iphone ⊕ ipod ⊕ itunes ⊕ java ⊕ javascript ⊕ jquery ⊕ js ⊕ k2 ⊕ language ⊕ Languages ⊕ laptop ⊕ layout ⊕ leather ⊕ library ⊕ linguistics ⊕ linux ⊕ list ⊕ literature ⊕ live ⊕ luggage ⊕ mac ⊕ macosx ⊕ mamp ⊕ management ⊕ manliness ⊕ marketing ⊕ measurement ⊕ menu ⊕ menus ⊕ microsoft ⊕ minimal ⊕ minimalism ⊕ minimalist ⊕ misc ⊕ movie ⊕ mysql ⊕ name ⊕ naming ⊕ navigation ⊕ network ⊕ news ⊕ nielsen ⊕ open ⊕ open-source ⊕ openid ⊕ opensource ⊕ optimization ⊕ os ⊕ osx ⊕ palette ⊕ password ⊕ passwords ⊕ pattern ⊕ patterns ⊕ people ⊕ performance ⊕ persuasion ⊕ photo ⊕ photography ⊕ photos ⊕ photoshop ⊕ php ⊕ picker ⊕ pictures ⊕ pinax ⊕ pink ⊕ platform ⊕ Plugin ⊕ plugins ⊕ portfolio ⊕ post ⊕ poster ⊕ posters ⊕ prefuse ⊕ print ⊕ prints ⊕ productivity ⊕ program ⊕ programming ⊕ progressivedisclosure ⊕ psychology ⊕ punctuation ⊕ python ⊕ quality ⊕ rands ⊕ read ⊕ reading ⊕ recommendation ⊕ reference ⊕ repository ⊕ research ⊕ resource ⊕ resources ⊕ review ⊕ rss ⊕ ruby ⊕ rubyonrails ⊕ rules ⊕ scheme ⊕ science ⊕ search ⊕ searchengine ⊕ security ⊕ sets ⊕ shop ⊕ shopping ⊕ shortstories ⊕ simplicity ⊕ site ⊕ sites ⊕ smashingmagazine ⊕ sns ⊕ social ⊕ socialmedia ⊕ socialnetwork ⊕ socialnetworking ⊕ socialsoftware ⊕ software ⊕ source ⊕ speakers ⊕ speed ⊕ SSI ⊕ standards ⊕ startups ⊕ statistics ⊕ stock ⊕ store ⊕ stories ⊕ story ⊕ storytelling ⊕ strange ⊕ style ⊕ styles ⊕ support ⊕ swatch ⊕ tabs ⊕ tech ⊕ technology ⊕ template ⊕ templates ⊕ test ⊕ testing ⊕ text ⊕ texture ⊕ textures ⊕ the ⊕ theme ⊕ themes ⊕ theory ⊕ tips ⊕ todo ⊕ tool ⊕ tools ⊕ travel ⊕ tutorial ⊕ tweaks ⊕ twitter ⊕ type ⊕ typeface ⊕ typography ⊕ ui ⊕ unix ⊕ usa ⊕ usability ⊕ useful ⊕ user ⊕ userexperience ⊕ userinterface ⊕ utilities ⊕ utility ⊕ ux ⊕ video ⊕ vintage ⊕ virtual ⊕ vision ⊕ visual ⊕ visualisation ⊕ visualization ⊕ vml ⊕ wallets ⊕ wallpaper ⊕ wallpapers ⊕ web ⊕ web2.0 ⊕ webapp ⊕ webdesign ⊖ webdev ⊕ webdevelopment ⊕ website ⊕ websites ⊕ weekly ⊕ weird ⊕ win32 ⊕ windows ⊕ wishlist ⊕ wording ⊕ wordpress ⊕ Words ⊕ work ⊕ wp ⊕ writers ⊕ writing ⊕ x ⊕ xp ⊕Copy this bookmark: