gordonbrander + design   654

Avengers - jayse
Some fun concept UI work for the Avengers.
design  film  ui  ux  inspiration 
6 days ago by gordonbrander
Instagram for webpages (22 May., 2012, at Interconnected)
We need an easy way to create themed, topical pages on the web.
business  web  development  design 
6 days ago by gordonbrander
Masking in Photoshop CS6
It looks like Masks have seen some nice improvement.
photoshop  design  web  learn  blog 
7 days ago by gordonbrander
Code: Flickr Developer Blog » Liquid Photo Page Layout
Worth a read. Check out the way they handle multiple aspect ratios.
design  development  web  responsivedesign 
14 days ago by gordonbrander
radicalcartography
Honest-to-gosh data visualization, created in 1870 for the 9th US Census. Amazing quality and care.
visualization  design  inspiration  data  geo  history 
14 days ago by gordonbrander
Geometry Daily
Yum. These are like proto-logos.
design  blog  math 
15 days ago by gordonbrander
Intro™ - Webfont & Desktop font « MyFonts
An interesting -- but not quirky -- semi-sans from FontFabric. They offer a web version. Would make a nice, accessible contemporary type-based site.
design  web  font  typography 
15 days ago by gordonbrander
D3 Without SVG - Jim Vallandingham
NYT recently did some work with D3, forgoing SVG. I think with minimal modification, D3 could actually make a keen front-end framework.
mvc  javascript  development  web  design  data  visualization  learn  blog 
19 days ago by gordonbrander
Paperfold CSS | Demo Studio | Mozilla Developer Network
A really impressive CSS demo for a "folding paper" show/hide effect.
design  development  web  css  inspiration  animation  ux 
19 days ago by gordonbrander
cssarrowplease
Make that bubble arrow border trick happen, without all the pain.
css  design  development  web 
19 days ago by gordonbrander
BANQUET
What a tumblog. Lots of great modern design and art. Compare to Will it Float.
modern  postmodern  art  design  inspiration 
22 days ago by gordonbrander
Michael Stoll's photosets on Flickr
A lot of design inspiration and source material.
design  art  inspiration 
22 days ago by gordonbrander
Noctis - Wikipedia, the free encyclopedia
Noctis is a massive space simulator, allowing you to explore a deserted, enormous galaxy. You can travel between planet systems FTL, land on planets, explore the ship and catalog what you find. That's it. No shooting, no competition. Just endless, lonely discovery.
The current version of the game is called Noctis IV. In the release of Noctis IV, Alex included a facility to have planet names and notes sent back to him and then compiled into a central database of information called the GUIDE. People playing the simulator (also called Stardrifters) could then share their findings with others, and a community of explorers soon developed (on the Noctis forums) around that, vying for a wide range of discoveries, such as the planetary system with the most planets or the biggest tree in the Noctis universe. This is currently the only way to interact with other players.
For some time Alex regularly compiled a new GUIDE based on emailed submissions of players of their "Outbox" and allowed the compilation to be downloaded as an "Inbox"; the GUIDE has not been updated for several years since 2005, but since December 2008 the service has been restored again.[2] A more automatic system of "massively single-player" content sharing is used.


"Massively single-player": I like that.
game  design  learn  ux 
25 days ago by gordonbrander
Just My Type
Excellent type pairings, curated.
typography  design  web  learn  from iphone
25 days ago by gordonbrander
iOS icon corner radii | The Hickensian | Hicksdesign
Apple starts with the 57px icon and a radius of 10 then scales up or down from there. Thus you can calculate the radius for any icon size using 10/57 x new size (for example 10/57 × 114 gives 20, which is the proper radius for a 114px icon)
design  ios  mobile 
26 days ago by gordonbrander
A non-responsive approach to building cross-device webapps - HTML5 Rocks
An interesting approach: targeting form-factor categories.

* small screens + touch (mostly phones)
* large screens + touch (mostly tablets)
* large screens + keyboard/mouse (mostly desktops/laptops)

This is actually very much like what I did for Carrington Personal. It can also be pulled off with a combo of media queries + window.matchMedia.
javascript  responsivedesign  development  web  design  mobile 
27 days ago by gordonbrander
ishback» Blog Archive » Natural interactions with spatially aware devices
A really clever approach to spatially-aware device UI. This is certainly the direction I see things heading. The designer was inspired by Sifteo's Cubes.
ux  design  video  inspiration 
27 days ago by gordonbrander
chartsnthings
Tumblr. A look behind the scenes at how infographics are produced at the New York Times.
data  visualization  design  blog  learn 
27 days ago by gordonbrander
Style Tiles
A great idea for a new kind of web design deliverable: CSS/HTML swatches containing important design elements.

I like this idea because it:

* Creates a simple milestone 1 deliverable
* Gets you into CSS/HTML early
* Gives the client a chance to see implementation early
* Not a dead doc -- the markup/CSS will be used in the final produce.
business  web  design  development  responsivedesign 
5 weeks ago by gordonbrander
Valve_Handbook_LowRes.pdf
Valve has successfully side-stepped the innovators dilemma. Besides Apple, I can't think of another company that has had such varied and far-reaching success.
game  design  business  development  learn  web  from iphone
5 weeks ago by gordonbrander
Animate.css - a bunch of plug-and-play CSS animations
This is great: a library of classy CSS animations. The logic for animations like this is mostly handled by CSS's tweening, but getting an animation to feel right takes a lot of time.
animation  css  development  web  design  opensource 
5 weeks ago by gordonbrander
Less Talk More Rock- Boing Boing
The native language of video games is neither spoken nor written

I remember this essay shaking things up, w/r/t content and it's very presentation. At the time, I had no idea who Superbrothers was.
design  inspiration  game  essay 
5 weeks ago by gordonbrander
The Miso Project
Miso is an open source toolkit designed to expedite the creation of high-quality interactive storytelling and data visualisation content.
javascript  data  visualization  design  opensource  library 
5 weeks ago by gordonbrander
Starbucks: Front-end Style Guide
Starbucks has a front-end styleguide. Brilliant!
css  design  development  web  business 
5 weeks ago by gordonbrander
A New Front-End Methodology: BEM | Smashing Coding
BEN has been something of a muse for @necolas lately. Good ideas here.
CSS  web  development  design  HTML  pattern  from iphone
5 weeks ago by gordonbrander
Responsive viewport units - destroy/dstorey
vw vh are units that are essentially the same as percentages, but are always in relation to the viewport. Think rem.
responsivedesign  css  grid  design  development  web 
6 weeks ago by gordonbrander
The Making of Prince of Persia | jordanmechner.com
The guy who made the original Prince of Persia has released his development diary as an eBook.
book  game  design  learn 
6 weeks ago by gordonbrander
lesjames/Breakpoint
An interesting Sass-based bunch of mixins for responsive grids. Looks promising.
responsivedesign  grid  design  web  development  css  opensource 
6 weeks ago by gordonbrander
PaulKinlan/formfactor
You've heard of Browser Detection and Feature Detection. Form Factor Detection is a third way, providing an avenue to manage conceptually distinct user interfaces. It doesn't eliminate the need for the first two approaches, but you use them in the context of a particular form factor's interface.

A script released by Google employees last year, aimed at bringing form factor detection to JS.
javascript  opensource  web  mobile  design  development 
6 weeks ago by gordonbrander
Coding Horror: Are Design Patterns How Languages Evolve?
In the OO world you hear a good deal about "patterns". When I see patterns in my programs, I consider it a sign of trouble. The shape of a program should reflect only the problem it needs to solve. Any other regularity in the code is a sign, to me at least, that I'm using abstractions that aren't powerful enough-- often that I'm generating by hand the expansions of some macro that I need to write.
development  web  oop  design  lisp  from iphone
6 weeks ago by gordonbrander
The Most Dangerous Gamer - Atlantic Mobile
He’d like to see the game sell well when it’s released, potentially later this year, but his primary concern is that it fit the artistic parameters he has set for it. “I can always go back to being an independent developer,” he shrugged. “Even if I have zero dollars, I’d be able to do what I did in 2005, but better. If I can just save enough for a year or two of low-budget living, that’s all I need.”
game  design  philosophy  essay  from iphone
6 weeks ago by gordonbrander
iOS Human Interface Guidelines: Platform Characteristics
The comfortable minimum size of tappable UI elements is 44 x 44 points.
design  ios  development 
6 weeks ago by gordonbrander
New Features in the Frogatto Editor - YouTube
Brilliant level-editing features inspired by @worrydream's inventing on principle principle.
development  design  ux  game 
7 weeks ago by gordonbrander
An Essay on the New Aesthetic | Beyond The Beyond | Wired.com
This essay puts its finger on a so called "New Aesthetic" -- a successor to Modernism in art, focusing on glitch, statistics, emergence and human-computer interaction.

Every major cultural-aesthetic shift has been preceded by a philosophical shift in the way people view themselves. I think such a philosophical shift may be in process. For the first time in the west, a generation is coming to power that is primarily non-religious, atheistic or agnostic. For this generation, spiritual ideas are non-existent, or are at best fringe to life patterns formed by habit and desire.

In a spirit-less world, computers may become a spiritual element in our lives, a sort of "higher power". Some even hope for salvation from death through Singularity.

Anyway, those philosophical undercurrents are not mainstream, but perhaps they may become formational. It's likely that as computers become more like people, people will become more like computers. What will it look like when they meet in the middle? I think that's what a New Aesthetic would explore.
art  design  culture  philosophy 
7 weeks ago by gordonbrander
quil/quil
A Closure Lisp wrapper for Processing. Awesome!
processing  art  design  development  lisp  teaching 
7 weeks ago by gordonbrander
I Read Where I Am
An interesting art essay experiment, showing essays as works of data. Each essay can be views as a "word cloud" where words stay linear, but are darkened depending on importance.
culture  art  writing  design 
7 weeks ago by gordonbrander
Startups, This Is How Design Works – by Wells Riley
Excellent. A massive overview, educating clients about design.
design  inspiration  business  teaching 
7 weeks ago by gordonbrander
Cameron Moll on Stylus choices
Top picks so far in terms of a) tip sensitivity and b) feel in your hand: AluPen, Cosmonaut, Adonit Jot Pro
art  design  ios 
7 weeks ago by gordonbrander
Studio Neat — COSMONAUT
That is one good looking stylus. Funded by Kickstarter.
ios  art  design 
7 weeks ago by gordonbrander
Makematics
Artists build on top of science.

Renaissance painters used Cartesian geometry to invent perspective. Nineteenth century photographers' adapted industrial chemistry into the photographic process. Contemporary filmmakers shoot on cutting edge cameras made possible by the latest in sensor miniaturization. Each generation of artists turns the knowledge of their time into new creative tools.
math  culture  development  art  design 
7 weeks ago by gordonbrander
FF Dagny OT Fonts | FontList | FontShop
Oh man, what a gorgeous alternative to Helvetica. Looks great on the screen.
design  modern  typography  font 
8 weeks ago by gordonbrander
Welcome - The Bold Italic - San Francisco
A San Francisco design mag. The art direction for this site is excellent.
blog  design  sanfrancisco  magazine  inspiration 
8 weeks ago by gordonbrander
Layer Cake
Automatically export layers for web from a PSD.
web  development  design  from iphone
8 weeks ago by gordonbrander
Corita Art Center--Art and Activism of Sister Mary Corita
Why haven't I heard of this before? Sister Mary was an artist/activist/nun that practiced minimal deconstructionist/postmodern design.
art  design  inspiration  learn 
8 weeks ago by gordonbrander
Infinite Weft - a set on Flickr
@blprnt experimenting with programmatically generated weaving patterns. Stunning.
art  development  processing  design  inspiration 
8 weeks ago by gordonbrander
procreate for iPad on the iTunes App Store
Recommended by @tholowaychuk https://twitter.com/#!/tjholowaychuk/status/185802652653846528
drawing  ipad  design 
8 weeks ago by gordonbrander
maps.stamen.com
Drop-dead gorgeous map tiles for OpenStreetMaps.
design  geo  development  web  map 
9 weeks ago by gordonbrander
Off Canvas
A clever approach to mobile content collapsing -- a bit Windows Phone 7-esque.
css  design  development  web  mobile 
9 weeks ago by gordonbrander
averyvery/hieroglyph
Hieroglyph lets you turn a directory of SVG icons into an SVG font.
opensource  font  typography  web  development  design 
9 weeks ago by gordonbrander
Tintin and the Golden Fleece - Wikipedia, the free encyclopedia
Tintin and the Golden Fleece (in the original French, Tintin et le mystère de la Toison d'or) is a film first released in France on December 6, 1961
The casting is pitch-perfect.
film  design 
9 weeks ago by gordonbrander
KRYSTALRAE
A Really nice use of scrolling tricks to create a linear narrative.
design  fashion  inspiration 
10 weeks ago by gordonbrander
Criticism and Two Way Streets | The Intercom Blog
A great post on how to facilitate design discussions.
design  web  teaching 
12 weeks ago by gordonbrander
Hexagon
A scary little minimalist flash game. It's amazing what good sound design can do for you.
flash  game  design  inspiration 
12 weeks ago by gordonbrander
Up and Down the Ladder of Abstraction
How can we design systems when we don't know what we're doing?

The most exciting engineering challenges lie on the boundary of theory and the unknown. Not so unknown that they're hopeless, but not enough theory to predict the results of our decisions. Systems at this boundary often rely on emergent behavior — high-level effects that arise indirectly from low-level interactions.

When designing at this boundary, the challenge lies not in constructing the system, but in understanding it. In the absence of theory, we must develop an intuition to guide our decisions. The design process is thus one of exploration and discovery.
compsci  visualization  design  development  math  learn 
february 2012 by gordonbrander
« earlier      

related tags

***  *nix  3d  @font-face  accessibility  advertising  advice  agency  agile  ajax  andriod  android  animation  api  app  apple  architecture  arduino  art  audio  bdw2011  blog  book  bookmarklet  boulder  bowl  bug  business  button  cache  calendar  canvas  classy  clothes  cms  cocoa  code  codec  color  comic  comics  communication  communist  community  compsci  computer  constructivism  creativecommons  crowdsourcing  css  css3  culture  cute  cycling  data  deconstruction  decor  denver  design  detail  development  disruption  diy  django  documentation  domscript  drawing  embed  engineering  entrepreneur  environmentalism  essay  experiment  fashion  fiction  film  firefox  flash  flickr  font  form  forum  framework  free  freelance  funny  furniture  gallery  game  garden  geo  gift  gimp  graffiti  graphs  grid  gtd  gui  hack  haslayout  history  home  houseplant  housing  html  humanist  hyperlocal  icon  ie  illustration  illustrator  image  impactjs  imported  india  industrial  infographic  information  inline-block  inspiration  interaction  interactive  interactive1  interior  interview  ios  ipad  ipod  ipsum  java  javascript  journal  journalism  jquery  keynote  kitchen  language  latex  law  layout  learn  legal  library  lighting  lisp  logo  mac  magazine  maker  management  map  marketing  mashup  math  me  media  mediaquery  medicine  microformat  microsoft  minimalism  mobile  mockup  modern  mozilla  multimedia  museum  music  mvc  newmedia  news  nodejs  office  onepage  oop  openframeworks  opensource  organization  osx  pattern  performance  person  philosophy  photo  photoshop  php  pixel  plugin  png  podcast  politics  popculture  portal  portfolio  poster  postmodern  poverty  prefab  premium  presentation  print  process  processing  productivity  propaganda  prototype  psd  publicdomain  publishing  quote  recycling  reference  research  reset  resource  responsivedesign  resume  rfp  robot  ruby  safari  sanfrancisco  sans-serif  school  science  sciencefiction  screenshot  script  security  semantic  serif  shop  site  snippet  socialjustice  socialnetwork  sociology  space  standard  state  statistics  stock  storytelling  svg  swiss  system  tdd  teaching  template  test  textpattern  texture  theme  theory  thinking  tool  toolbox  touch  toy  track  truefans  tshirts  tv  typography  ui  upcycling  usability  userexperience  ux  via:popular  video  visualization  w3c  web  webgl  webkit  wiki  windows  wireframe  wishlist  wordpress  work  world  writing  xml 

Copy this bookmark:



description:


tags: