#design (850 links)
A useful summary.
- Minimalist City Transit Map Posters laughingsquid.com
- LukeW | Touch Gesture Reference Guide lukew.com
Contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures.
- Peter Grundy grundini.com
Peter Grundy carries on the work of Grundy & Northedge, explaining life imaginatively and individually in words and pictures, for clients who seek invention and imagination.
- Choosing device sizes to support for your responsive designs mattwilcox.net
Don't.
Send a link to clients, rather than writing something yourself.
- Present & annotate design concepts | Onotate onotate.com
Likely alternative to the rough ConceptShare.
- Foursquare: Today's best-executing startup dashes.com
I think we need more stories that celebrate the success of what seem like small, iterative product launches, but actually reflect triumphs in unsung disciplines such as systems operations, design process, business development and product management. There are lots of loud, pointless headlines about companies getting money from venture capitalists or angel investors. What I'd love to see more of in 2012 (and beyond!) is headlines about how a few small successes with users are a demonstration of a small company outperforming and out-innovating the biggest companies in the tech industry by being focused and disciplined in their execution.
- Prints for Walls printsforwalls.co.uk
Good London pictures (panoramas in particular) from Wish in Herne Hill.
- Styleguide — Paul Robert Lloyd paulrobertlloyd.com
A well-structured styleguide. Need more of these.
- Productive Web Design With... Adobe Illustrator? - Smashing Magazine smashingmagazine.com
"One of my pet peeves with previous versions of Illustrator was the “blurry effect” present in some line strokes or texts, as well as the absence of pixel-precise tools. You can avoid these problems with some of the new tools introduced in Illustrator CS5." Now if people would actually start using them.
- inessential.com: Pub Rules inessential.com
I’d love to run, edit, and write for a publication bigger than just me and my blog. I don’t have time, so I won’t, at least not any time soon. But if I were to run a publication, I’d have a few rules.
- Responsive Design: Beyond the Blog | Boagworld boagworld.com
Simple sites are easy, hard sites are hard.
"Send in your child's drawing - one that they drew and coloured and Child's Own Studio will handcraft a unique stuffed toy, to be cherished for a lifetime." Nice idea.
- Mobile UI Patterns | UI that I Heart mobile-patterns.com
- responsivepx - find that tricky breakpoint responsivepx.com
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.
- 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
- 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.
- Front End Development Guidelines taitems.github.com
paul_irish: Very finely compiled Frontend Dev Guidelines from @taitems : http://goo.gl/QYuuW
- gradient-scanner gradient-scanner.com
- A Paper Record Player : Kelli Anderson kellianderson.com
- elzr: A new desk elzr.com
- Media Queries mediaqueri.es
A collection of responsive web designs
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.
- 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