TomC + design   963

Experimental Page Layout Inspired by Flipboard
Pretty thorough imitation of Flipboard layout. Just needs Flipboard content now ;)
css3  flipboard  3d  webkit  safari  chrome  web  design  layout 
13 days ago by TomC
jQuery Masonry
Once I figured out that the "next" link needed a page number (not count/offset) then jquery masonry + jquery infinite scroll was super easy to set up.
jquery  masonry  effects  plugins  css  web  design  layout  daviddesandro  pinterest  tumblr 
14 days ago by TomC
Fixie
Nice little JS helper with hipster-themed auto-generated lorem ipsum text and filler images. Just add class="fixie" to elements and it populates all the children.
javascript  loremipsum  tools  web  design  wireframes 
23 days ago by TomC
CSS background image hacks – Nicolas Gallagher
Good overview of some simple ways to use background images, css content, etc.
css  css3  hacks  design  web  html 
4 weeks ago by TomC
Aanand Prasad
Nice portfolio of fun hacky visual and game projects.
people  portfolios  design  code  javascript 
4 weeks ago by TomC
How to Design a Good API and Why it Matters
by Joshua Bloch, Principal Software Engineer at Google.
google  apis  design  code  programming  java  presentations 
4 weeks ago by TomC
Bedrock | Infrequently Noted
Interesting post exploring API and feature design principles from a low-level/high-level code point of view.
javascript  c++  apis  design  html  web  programming  browsers  standards 
5 weeks ago by TomC
CSS Background Composer
Really lovely HTML GUI for building CSS backgrounds.
css3  css  ui  gui  html5  interfaces  design  tools  github  gradients 
7 weeks ago by TomC
Makematics
Mathematics for Makers - see sidebar for first articles.
articles  tutorials  maths  art  design  mathclub 
7 weeks ago by TomC
adamdbradley/foresight.js
"Foresight.js gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage."
github  javascript  web  html  retina  ipad  ios  iphone  responsive  design  bandwidth  images 
7 weeks ago by TomC
stamen design | Stamens Out & About
"[WebGL] is a different way of thinking about objects, primarily built out for game rendering and environments. You build an object then color and shade it, then look at it. This isn't necessarily what I'm interested in on the web. Alien masks, shading, light sources...? Make a scene then move the camera around?

I'm more excited about building things that people can play with, interact with and change. Seems like you can simulate that with WebGL, but that's not what it's best at."

Wise words. OpenGL stuff is interactive only with extreme effort. Otherwise it's interactive like a statue is interactive. Walk up to it, walk around it, etc.
opengl  webgl  stamen  rachelbinx  quotes  interaction  design  web  ui  ux 
february 2012 by TomC
Danny O’Brien’s Oblomovka » Blog Archive » reality distortion field lensing
Situating Bret Victor's talk within the larger narrative around Steve Jobs, Apple, patents, Bas Ording, etc.
dannyobrien  bretvictor  stevejobs  basording  patents  design  programming  credit  influence  apple 
february 2012 by TomC
Ken Shirriff's blog: JavaScript secrets of worrydream.com
A nice look behind the scenes at the implementation of Bret Victor's homepage.
worrydream  bretvictor  css  javascript  html  design  programming  motion  code 
february 2012 by TomC
NFB/Interactive - Bear 71
Overwhelmingly accomplished Flash driven documentary/3D map/video interactive experience thinger. Flash's last gasp? Worth the 20 minutes it asks, anyway.
maps  flash  3d  design  motion  graphics  bears  canada  geo  animals  information_visualisation  art 
february 2012 by TomC
iOS Human Interface Guidelines: iOS UI Element Usage Guidelines
Because I always forget what the different widgets are called.
apple  design  ui  interfaces  components  hig  ios  gui  widgets 
january 2012 by TomC
Sign Of The Times: Safety Maps Help You Plan For Catastrophe | Co.Design
Lovely Fast Company article about the Safety Maps project I did with Do Projects (Nurri Kim, Adam Greenfield and Mike Migurski)
doprojects  safetymaps  work  projects  fastcompany  design  maps  emergency  safety  openstreetmap 
january 2012 by TomC
Lavanderia, a font inspired by Mission laundromat windows « Mission Mission
"Inspiration came from San Francisco’s Mission District, a vibrant and at times foul smelling part of town, rich with dive bars, taquerias, and unemployed twenty-somethings who look extremely creative but actually do very little. It’s a magical place."
mission  sanfrancisco  typography  design  quotes  funny 
january 2012 by TomC
Design and Premature Optimization | The Intercom Blog
"Sometimes the polish is all that counts. You can’t judge the market for a five star hotel by building a seedy motel and seeing how well it performs. "
design  interface  lean  startups  product  methodologies  agile  process  management  optimisation 
january 2012 by TomC
Fingle for iPad
"Music and visuals straight from the 70's to get you in the mood."
ipad  games  touch  interaction  design  mobile  ios  70s 
january 2012 by TomC
Case Study: An interactive brand for the Cooper Union | uncontrol
Nice writeup from Manny Tan, including some gotchas on choosing HTML5 for a role usually occupied by Flash (which has first-class blend mode support).
html5  flash  design  branding  cooperunion  mannytan  3d  papervision  three.js 
december 2011 by TomC
Looks Good Works Well: Mind Hacking Visual Transitions
Great summary of thinking about UI transitions from '06. Much of this is baked into modern toolkits (iOS/UiKit/CoreAnimation, Silverlight/XAML, Flash/Flex, CSS transitions, etc) but this is all still relevant for figuring out /which/ transitions to use and /why/ to use them.
transitions  motion  animation  design  ui  patterns  interfaces 
december 2011 by TomC
Web Symbols typeface
Interesting character mappings. Would prefer unicode symbols where they exist, but this has some things that hopefully will never be universal human concepts, like Facebook :)
icons  fonts  symbols  design  text  ui 
november 2011 by TomC
The Sexperience 1000 - Sexperience
The small sample here works for and against them: brilliant one-to-one chart style, cute pixel people and gorgeous transitions; but none of the subsets are big enough to be statistically significant. Oh, but the filter, track and follow features are fantastic. By Mint Digital I think?
channel4  sex  information_visualisation  interaction  design  people  statistics  particles  from delicious
august 2011 by TomC
Good Things Take Time | Games from Within
Notes on how game design changes from ipad to iphone. Also an interesting example of unit testing game code, I need to look into this some more.
testing  updates  games  iphone  ipad  ios  design  time  project_management  from delicious
july 2011 by TomC
Amanda Cox and Countrymen
Definitive collection of Best-Of NYTimes interactive work involving Amanda Cox.
information_visualisation  amandacox  nytimes  infographics  statistics  news  design  people  from delicious
july 2011 by TomC
Raskin | Beyond Desktop
Curiously named zooming UI software for Mac.
zui  raskin  design  software  zooming  interfaces  photos  macosx  from delicious
june 2011 by TomC
Bret Victor, beast of burden
Bookmarked for the Kill Math posts and notes on direct manipulation for learning about simulations, navigating complex charts, etc.  Nice to have Bret back on the internet after a few years of silence at Apple.
people  design  programming  interaction_design  simulation  mathematics  writing  engineering  science  inspriation  from delicious
june 2011 by TomC
Biblion for iPad: Stumbling through the stacks - Bill Barol - Buzz, Boom & Sizzle - Forbes
sadly negative review of NYPL Bibiion. I thought it was a great first effort, really well produced. I wonder if the reviewer was expecting the full NYPL collection to be in version one.
nypl  biblion  potiondesign  ipad  forbes  reviews  interfaces  design  libraries  from delicious
may 2011 by TomC
Go Westward Young Population Centroid
Nice interaction technique, use hover rather than drag to operate a slider. Bit fiddly but good idea.
interaction  maps  population  putaslideronit  mouseover  design  information_visualisation  time  animation  from delicious
may 2011 by TomC
MapBox
A lovely suite of services emerging from Development Seed's MapBox initiative. Clear pricing and gorgeous design too...
maps  design  cartography  tiles  services  products  developmentseed  mapbox  from delicious
april 2011 by TomC
www.alexpytlarz.com
Nice design prototyping with After Effects - City Shuffle app "concept" is nice and convincing.
design  portfolio  aftereffects  from delicious
april 2011 by TomC
Toddler app user interface guidelines - Gabriel Weinberg's Blog
Strongly suspect most of these guidelines also apply to adults :)
apps  kids  design  ui  ux  learning  iphone  ipad  touch  from delicious
april 2011 by TomC
That’s it, we’re quitting « Canonical Design
Long thoughtful post on the role of the "quit" option in modern applications.
design  ubuntu  operating_systems  philosophy  onness  quitting  from delicious
march 2011 by TomC
Spacesuit: Fashioning Apollo
Great sounding book about the iconic Apollo spacesuit and Playtex's "soft" triumph over the "hard" design processes that dominated the rest of the moon effort. 
design  architecture  planning  fashion  technology  berkeley  nicholasdemonchaux  nasa  apollo  moon  from delicious
march 2011 by TomC
iOS UI Patterns (beta)
Big archive of GUI designs, for iphone/ios.
design  iphone  ui  ios  patterns  screenshots  from delicious
march 2011 by TomC
Webalon - Web/iPhone Design and Development
"Webalon is a small London-based web design and development agency that loves crafting beautiful, bleeding-edge web solutions using web standards technologies such as AJAX, Javascript, XHTML and CSS. We do iPhone apps too."
web  design  agencies  companies  london  from delicious
march 2011 by TomC
Opacity
Recommended in the hipmunk app post-mortem.
icons  design  vector  graphics  software  macosx  tools  from delicious
march 2011 by TomC
« earlier      

related tags

2d  3d  41latitude  70s  1950s  aac  aaja  academic  accelerometers  accessibility  acetate  actionscript  activism  adamgreenfield  adamsomlaifischer  adaptive  adaptivepath  add  addiction  adobe  advancedbeauty  advertising  advertisting  aerial  aesthetics  affordances  aftereffects  age  agencies  agile  ai  aiga  aircraft  airports  ajax  ajturner  akamai  alcohol  algorithms  alife  alistapart  amandacox  amazon  ambient  america  amsterdam  anal  analogue  analysis  animals  animation  animations  anns  anthonydunne  apartments  apis  apollo  apple  applescript  applet  applets  appliances  applications  apps  arc  architectsandprogrammers  architecture  architectures  archtiecture  arcs  arduino  arg  art  artfutura2006  articles  artists  artwork  as3  ascii  asklater  askmaps  associations  audio  authors  avatars  awareness  b3ta  backbone.js  backchannel  bad  bandwidth  banking  bar  barbarian  barcelona  barcodes  bart  bartlett  baseball  basording  bauhaus  Bauhausbücher  bbc  bears  bees  begging  benfry  benjaminbratton  benschneiderman  benterrett  berkeley  bespoke  bestof  bestof2012  bibliography  biblion  bikes  bing  bio  biologic  biology  biscuits  bitmaps  bl  blackbeltjones  blending  blocks  blog  blogger  blogs  bloom  bloom.io  bloomberg  boardwalkempire  boats  bodies  boids  books  bootstrap  bots  boxoffice  braid  branding  braun  bretvictor  broadcast  browsers  browsing  buckminsterfuller  budapest  building  buildings  bullshit  buses  bush  business  butdoesitfloat  buttons  c++  cables  cabspotting  cad  caida  calafornia_academy_of_sciences  calculator  calendar  calendars  california  caligraphy  cambridge  cameras  camouflage  canada  canvas  cappuccino  careers  cars  cartagen  cartifact  cartography  cartoons  cd  cds  census  chairs  channel4  characters  charity  chars  chart  chartjunk  charts  chat  children  chillout  china  christianmarcschmidt  chrome  ciid  circles  cities  cityofsound  classification  clean  clever  climate  clock  clocks  clothes  clothing  cloud  clustering  cms  cmu  cnn  code  coffee  cognition  cogs  cogsci  coins  collaboration  colleagues  collections  color  colorbrewer  colour  colours  columns  come_the_apocalypse  comics  comicsans  comment  comments  commissions  communication  communications  companies  company  competitions  complexity  components  composition  computers  computer_science  computer_vision  computing  concept  concrete  conditionaldesign  conference  conferences  connections  contents  contest  contextfree  control  converters  cooking  cool  cooperunion  copenhagen  copyright  costume  countdown  courses  craft  craigmod  creative  creative_commons  creativity  creatures  credit  crime  criticism  critique  critters  crockery  crowds  css  css3  culture  cups  curation  curling  currency  cute  cycling  dabble  dallas  dance  danhill  danhon  dannyobrien  dansaffer  darwin  dashboard  dashboards  data  database  databases  datamining  dataspora  dating  daveshea  daviddesandro  davidfosterwallace  davidmerkoski  davidrumsey  dazzle  dc  de2008  deathmetal  defense  deliverables  demo  demographics  demos  demo_or_die  densitydesign  design  designandtheelasticmind  designengaged  designengaged2005  designweek  development  developmentseed  deviantart  diagrams  digg  digital  directions  disaster  discussion  discussions  disease  displays  diy  django  documentaries  dogs  done  doorsofperception  dopplr  doprojects  dorkbot  dorkbotgent  dott  downturn  drawing  drink  drinks  driving  drunk  dustincurtis  dutch  dymaxion  eames  earth  easter_eggs  ebay  eco  ecomorphic  economics  ecovis  editing  education  effects  ego  election  electricity  electrity  electronic  electronics  email  embedding  embodied  embodied_interaction  embodiment  emergence  emergency  energy  engineering  environment  eot  ericnatzke  essays  etech  etsy  europe  events  evolution  examples  excel  execution  exhibitions  experience  experimental  experiments  eyebeam  eyes  eyetracking  fab  facebook  faces  familytree  fantasy  fashion  fastco  fastcompany  fathom  favicons  fbi  features  felton  festivals  ffffodder  ffffound  fiction  film  finance  firefox  firefox3  fireworks  fishing  fitness  flash  flashonthebeach  flex  flickr  flight  flipboard  flipflopflyin  flocking  flow  flowingdata  flows  fluid.nl  folding  font  fontface  fonts  foocamp07  food  football  forbes  forests  form  forms  fortiusone  forums  fractals  frameworks  frappr  free  freelance  french  friends  frog  frogdesign  fuel  fun  function  fundraising  funny  furniture  future  gadgets  gallery  gamasutra  games  gears  gecko  gender  genealogy  generative  generative_art  generators  generatorx.no  genetic_algorithms  geo  geocommons  geography  geoiq  geometry  german  germany  gestures  gis  github  glare  global_warming  gmail  golanlevin  google  googlecode  googleearth  googlemaps  government  gps  gpu  gradients  graffit  graffiti  graphic  graphics  graphic_design  graphs  graphviz  grass  greebling  grids  groups  growth  guardian  gui  guts  h&fj  hacketyhack  hacking  hacks  hadoop  hairballs  haptics  hardware  harrybeck  harrypotter  hci  hdtv  health  heatherwick  helvetica  heuristics  hierarchies  hig  hillshading  hindsight  hipmunk  hiring  history  hockney  home  homes  horizons  housing  howwework  hp  html  html5  human_condition  hurricanes  hybrids  hypertext  ia  ibm  ica  icons  ideas  identity  ideo  illustration  illustrator  im  imagery  images  immediatemode  improvisation  inception  indie  industrial_design  industry  infinitejest  inflatable  influence  infobubbles  infographics  inforgraphics  information  informationvisualisation  information_audification  information_visualisation  information_visualization  infosthetics  infovis  infoviz  infovore  infrastructure  infterface  inkscape  innovation  inspiration  inspriation  instagram  installations  interaction  interactiondesign  interaction_design  interactive  interface  interfacebuilder  interfaces  interiors  internet  internship  interviews  invention  ios  ipad  iphone  iPhoto  ipod  iraq  ironman  itconversations  itp  itunes  jackschulze  jakobnielsen  jamespaterson  japan  japanese  java  javascript  jazz  jeffhan  jennbove  jeremykeith  jewellery  jfdi  jobs  jonathanharris  jonudell  journalism  journals  jquery  juiceanalytics  just  karenmartin  kef  kerouac  keyboard  keynote  khoivinh  kicker  kickerstudio  kids  kindesign  kinetic  knightfoundation  knightnewschallenge  knitting  knowledge  kottke  krazydad  labs  landscapes  language  languages  lasercutting  lasers  last.fm  layout  layouts  lean  learning  lebbeuswoods  lecture  lectures  leebyron  lego  lenovo  lensing  letters  level  lg  libraries  library  licensing  lifestyle  light  lighting  lights  linked_data  linking  links  liquidlayout  listings  lists  literature  littlebigplanet  littlehampton  location  locog  lofi  logos  london  london2012  lookandfeel  loremipsum  losangeles  lostgarden  lovebytes  lua  lukew  lukewroblewski  lumix  machines  macosx  madness  maeda  magazine  magazines  maintenance  makeup  makingof  management  manifesto  mannytan  manufacting  manufacturing  manyeyes  map  mapbox  mapnik  mapper  mapping  maps  marketing  marklombardi  masonry  materials  mathclub  mathematica  mathematics  maths  mattirvinebrown  mattwade  maxgadney  maxroberts  mbas  me  mechanical_turk  mechanisms  media  memory  menstruation  menu  mess  metacool  metaphor  metaphors  methodologies  mgopen  michaelmann  microsoft  migurski  mikek  minimalist  minneapolis  mission  mit  mittens  mobile  mobiles  modelling  models  modernism  modestmaps  moebio  moma  momus  money  monocle  monsters  montage  month  moo  moon  moritz_stefaner  mosaics  moscow  motion  motiongraphics  motion_graphics  mouseover  movement  movies  movingbrands  mp3  mscve  msnbc  msr  mugs  muji  mule  multitouch  museums  music  mvc  mysociety  myspace  names  narrative  nasa  naturalearth  nature  navigation  navy  ndas  nepal  netflix  netherlands  networks  neural_networks  neuroscience  newdeal  newmedia  newpaper  news  newspapers  newyork  newyorktimes  next  nicholasdemonchaux  nike  nikebetterworld  nndb  nodebox  nodejs  nodel  nogis  nokia  non_realistic_rendering  normanfoster  norway  notebooks  notes  npr  nsfw  numbers  nyc  nypl  nyt  nytimes  nyu  oakland  obama  objects  oecd  offices  olinda  olympics  onness  ontheroad  oop  opart  openended  openframeworks  opengeodata  opengl  opensource  openstreetmap  operating_systems  optical_illusions  optimisation  origami  oskarkarlin  osm  pachube  packaging  pageflip  paint  painting  pakistan  palettes  panasonic  panels  panning  panoramas  paper  papercamp  papers  papervision  parallax  parallel_coordinates  parameteric  particles  password_antipattern  patents  patterns  paulirish  paulrand  pc  pdf  pedestrians  penguin  penrose  pentagram  people  pepsi  perception  perceptivepixel  performance  perspective  persuasion  pervasive  phillips  philosophy  phone  phones  photography  photos  photoshop  physical  physical_computing  physics  picks  pictograms  pictory  pigs  pingmag  pinterest  piracy  pixar  pixels  pixlels  plagiarism  planning  plans  plastic  platial  play  playful  plot  plugins  poetry  policy  politics  pollock  population  portfolio  portfolios  portland  post  postcodes  posters  postopolis  potiondesign  power  prada  prefab  presence  presentation  presentations  principles  print  printing  prints  privacy  procedural  process  processing  processing.org  product  productivity  products  programming  projections  projects  project_management  property  proportion  prototyping  protovis  psp  psychogeography  publications  publicenemies  publishing  pull_to_refresh  puns  pup  putafilteronit  putaslideronit  puzzles  python  qrcodes  qt  questions  queues  quitting  quote  quotes  r  race  rachelbinx  radio  rambling  random  rants  raphael  raskin  rca  reading  realestate  realism  realtime  real_artists_ship  reas  recession  recipes  records  recursion  redacted  reddit  reference  references  religion  remontijssen  research  resources  responsive  responsive_architecture  rest  retail  retina  retro  reviews  rez  rgb  rim  roads  robots  rock  rodcorp  ronarad  routing  running  russeldavies  russelldavies  russia  ryanalexander  saddam  safari  safety  safetymaps  sanfrancisco  satellite  scale  scale9  scentedwidgets  schulzeandwebb  science  scifi  screens  screensaver  screenshots  scrolling  sculpture  search  searching  seattle  secondlife  security  seed  semantic_web  sensors  sequences  serendipity  servicediscovery  services  sesamestreet  sex  sf  sfmoma  shawnallen  sheffield  shockwave  shoes  shop  shopping  shops  shuffle  signage  signs  silverlight  simplicity  simplification  simulation  simulations  situationists  size  skateboarding  sketching  sketchup  skeuomorphs  skud  skunkworks  skyrails  sliders  slides  slideshows  smells  sms  snd  snl  snowclones  socialsoftware  social_software  soda  software  sollewitt  songs  sony  sound  space  spacecadets  spacesyntax  spam  sparklines  spatial  speaking  special_effects  specification  specwork  spider_maps  splatter  spore  sport  sports  spreadsheets  spreadshirt  springs  srtm  stadiums  stage  stairs  stamen  standards  starbucks  startups  starwars  statistics  stavanger  stephenfew  stevejobs  stevenjohnson  sticks_and_rocks  stopdesign  storage  stories  strategy  streamgraphs  streetart  streetview  structures  stuff  stupid  style  styles  subpixel  subtraction  suckers  suits  surface  surfaces  sustainability  svg  swarms  swearing  swedish  swiss  sxsw  symbols  synesthesia  tableau  tacolab  tactile  tagging  tags  takahashi  taliban  talks  tangible  tangible_computing  tanglible  taste  taxes  taxonomy  tea  teaching  teams  techcrunch  technical_drawing  technology  technology2.0  technotes  ted  templates  terrain  terror  tesselations  testing  tetris  text  textures  tha  theatre  thegrid  theory  theses  things  thomasheatherwick  threadless  three.js  tiles  time  timelapse  timeline  timelines  timenav  times  timesquare  tips  todo  tokyo  tools  toothbrush  topgear  toread  touch  touch_screens  tourism  toyota  toys  trace  tracking  tragedy  trajectories  transforms  transit  transitions  transport  travel  trees  trends  tropes  trucks  trulia  tshirts  tsunami  ttf  tube  tufte  tumbld  tumblr  tutorials  tv  twitter  typekit  typography  ubicomp  ubuntu  ucl  ui  uk  uncannyvalley  uncanny_valley  underground  undesign  unemployment  universaleverything  unreal  up  updates  urban  urbanism  urinal  urls  usa  usability  usb  useful  userexperience  user_experience  ux  uxweek  vagrounded  vector  vectors  vertical  vfx  via:golan  via:heyotwell  via:shashashasha  video  videos  vimeo  vintage  virtual_communities  virtual_environments  vision  visual  visualcomplexity  visualisation  visualization  visuals  vizualizar  vj  voice  voodoo  voronoi  vrml  vvvv  waiting  walking  walnutvillage  war  wargames  watches  water  wayfinding  weather  web  web2.0  webcam  webdev  webgl  webkit  webservices  weimar  weird  wellsfargo  whaling  where2.0  where2007  whitney  widescreen  widgets  wifi  wiki  wikipedia  willwright  wilwright  windows  windowsphone  windowsxp  wine  wired  wireframes  wireless  woff  wolfram  women  wordpress  words  work  workshop  workshops  world  worldchanging  worrydream  wrapping  writing  xbox  xbox360  xhtml  yahoo  youtube  yugop  yui  zeitgeist  zeldman  zooming  zui  Ⓕield 

Copy this bookmark:



description:


tags: