#design (1,029 links)
- API design for humans - (37signals) 37signals.com
A small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size
A reference point for all designers creating BBC websites
Via daneastwell.
- Google Web Fonts google.com
- The Shapes of CSS css-tricks.com
Come on, my attribute selector.
- LukeW | Mobile Context Revisited lukew.com
Mobile context has been overblown. It is device capabilities and constraints plus the fact that mobile devices are with you anywhere and everywhere. But those factors are important enough that they force us to rethink Web design.
- Equal height boxes with CSS | 456 Berea Street 456bereastreet.com
7 years old and we still can't do this.
- Layer Styles layerstyles.org
Just like your favorite graphics editor but in your browser. And it creates CSS.
paul_irish: Very finely compiled Frontend Dev Guidelines from @taitems : http://goo.gl/QYuuW
- A Paper Record Player : Kelli Anderson kellianderson.com
- elzr: A new desk elzr.com
- Media Queries mediaqueri.es
A collection of responsive web designs
Via thegingerbloke.
Ultralight wireframe tool.
- Scout Books » The Original "Make Your Own" Pocket Notebook scoutbooks.com
Design and print custom pocket notebooks.
- Adactio: Journal—One web adactio.com
This is why I’m saying that most of the time, creating a separate mobile website is simply a cop-out. It’s a tacit acknowledgement that the regular “desktop” site is beyond help. The cop-out is creating an optimised experience for one subset of users while abandoning others to their bloated fate.
"What we can do is push the evolution of font makers and services. Next time you’re shopping for type, don’t just look for your favorite face as a webfont. Ask for more"...
- How to: vertical centering with CSS | The Hickensian | Hicksdesign hicksdesign.co.uk
A classic.
Via thegingerbloke.
- Balsamiq Mockups | Balsamiq balsamiq.com
- Ultimate CSS Gradient Generator - ColorZilla.com colorzilla.com
A powerful Photoshop-like CSS gradient editor from ColorZilla.
- Gridulator: Make pixel grids, lickety-split gridulator.com
- Adactio: Journal—A responsive mind adactio.com
The choice is not between using media queries and creating a dedicated mobile site; the choice is between using media queries and doing nothing at all.
- My First Week with the iPhone | Behind the Curtain behindthecurtain.us
Last Wednesday, my life changed forever. I got an iPhone. I consider it the greatest thing to happen to the blind for a very long time, possibly ever. It offers unparalleled access to properly made applications, and changed my life in twenty-four hours. The iPhone only has one thing holding it back: iTunes. Nevertheless, I have fallen in love.
- Stephen Einhorn stepheneinhorn.co.uk
- Sell! Sell! - Hello there! sellsell.co.uk
Via ihart.
- Dark Patterns: Black Hat, Anti-Usability Design Patterns darkpatterns.org
Dark Patterns are [...] not mistakes, they are carefully crafted with a solid understanding of human psychology, and they do not have the user’s interests in mind. The purpose of this site is to catalogue various common types of Dark Pattern, and to name and shame organizations that use them.
Via alastc.
- Nick Lansley's Technology for Tesco.com Blog: Who are Ribot, and why did we make them our mobile partner? techfortesco.blogspot.com
Well done, Ribot.
"HTML is a language with roots in library science. It doesn’t know or care what content looks like. (Even HTML5 doesn’t care what content looks like.) Neither a tool like Photoshop, which is all about pixels, nor a tool like Illustrator, which is all about vectors, can generate semantic HTML, because the visual and the semantic are two different things." Big fat yes to this.
Via momorgan.
- Laikingland laikingland.co.uk
Miniature collapsing chairs, robots hiding in transparent jewellery boxes, a story telling time-piece, tea cups full of mechanical storms and a machine that goes off with a bang
- Multiple Backgrounds and Borders with CSS 2.1 – Nicolas Gallagher — Blog & Ephemera nicolasgallagher.com
Essentially, you create pseudo-elements using CSS (:before and :after) and treat them similarly to how you would treat HTML elements nested within your target element. But they have distinct benefits — beyond semantics — over the use of nested HTML elements.
- Google Font API - Google Code code.google.com
- cookin'/relaxin': A guide to building prototypes cookinrelaxin.com
This.
- Welcome | sugru | Hack Things Better sugru.com
"Jane was studying product design at RCA London when she had an idea: "I don't want to buy new stuff all the time. I want to hack the stuff I already have so it works better for me." So she phoned some clever materials scientists called Ian and Steve and together they invented an interesting new material for hacking things better."
- Less Talk More Rock- Boing Boing boingboing.net
An entire generation seems to have become used to experiences clogged with menus and text, spammed with awkward cutscenes, choked by voice acting, mangled by incongruent narrative, segmented by load times, stalled by informational messages. These elements serve to undermine the aesthetic coherence of the work -- they can dilute the magic, they can interrupt the flow, they can disrupt the basic audiovisual communication, they can break the spell.
Via infovore.
- GDC 2010: Design in Detail: Changing the Time Between Shots for the Sniper Rifle from 0.5 to 0.7 Seconds for Halo 3 « Double Buffered doublebuffered.com · Archived on
Some notes from the session Design in Detail: Changing the Time Between Shots for the Sniper Rifle from 0.5 to 0.7 Seconds for Halo 3 presented by Jaime Griesemer from Bungie.
Via infovore.
- Magic Mouse, Fixed - MMFixed.com mmfixed.com
The Magic Mouse does not contour to the users hand. So, being a product designer and manufacturer, I decided to see what I could do to fix it.