jtth + webdesign   59

Crafting Subtle & Realistic User Interfaces — Flyosity: Mac & iPhone Interface Design
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
Chroma-Hash Demo
a sexy, non-reversible live visualization of password field input
color  design  security  hacks  webdesign  css  webdev  idea  gui  dev  ui  javascript  html  usability  visualization  interface  password  a  passwords  input  live  field  chroma  jquery  hash 
july 2009 by jtth
F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox)
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
You should follow me on Twitter | Dustin Curtis
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
flipping typical
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
One of the better personal websites I've ever seen.
inspiration  design  programming  webdesign  webdev  portfolio  css  javascript 
april 2009 by jtth
Flashbulb Interaction | Working through Screens Book
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
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.
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
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
Internet '96
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
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
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
Six Shooter Media » CMS Templates
A few of my free templates have also been ported into themes which can be used within various CMS’s. In particular WordPress.
cms  design  drupal  imported  template  themes  WebDesign  wordpress  Templates 
december 2006 by jtth
Kaushal Sheth » Wordpress Themes
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
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
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
EasyRGB - Color harmonies, complements and themes.
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
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
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/
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
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
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)
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:



description:


tags: