Sketchbooks of a Web Developer
Responsive Sketch Pad
Quickly generate cross-platform application ideas. Brainstorm breakpoints and get a handle on how a website might translate to mobile and tablet versions. This pad has 2 device silhouettes on the front and 3 on the back.
Features:- Printing on both sides- Dot grid, 150 PPI- Letter size- Project Name, Screen, Date & Note fields- 50 sheets, 110g/m² paper- Cardboard back- Rounded bottom two corners- 100% Recyclable
This pad works with our website stencil and pixel ruler (sold separately).
Dot Grid Book
Ghostly is a record label and art company that aims to provide work of high quality, integrity and individuality.
Responsive Design Sketchbook
Responsive Design Sketchbook
UI Stencils—Website Stencil Kit
Website Stencil Kit
iOS 7 Icon Template | PSD, SVG, Sketch
Free iOS 7 GUI Kits and Templates
All of these free iOS and Android mobile UI kits come packaged with an extensive collection of customizable screens and UI elements.
Luke Wroblewski
LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
Vertical Navigation Implementation of Side Menu in Mobile Apps
Here is represent a fresh collection of different, remarkable mobile app interfaces that comprise elegant and nifty side menus with amazing and realistic flip animation.
Tail wagging
The ongoing debate about skeuomorphism in software interfaces misses the point.
Authentic Design
by @dfadeyev
Continuous Design and the NoPSD Movement
App Icon Template
… a free Photoshop resource that makes it easier for you to make icons. Edit a single object and it’ll automatically render out all the various sizes required on iOS & Android. Build in textures and colors make it easy to get started and the bundled actions make exporting a breeze.
A Designer’s Guide to Grumpicon, or: How I Learned to Stop Using Font Icons and Love SVGs
Fontastic
Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors
Besquare
… web conferences on your desktop → OUT OF BUSINESS
Dieter Rams: Zehn Thesen für gutes Design
Die Zehn Thesen für gutes Design von Dieter Rams.
Topcoat
… a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community. → http://topcoat.io/posts/introducing-topcoat/
Google Visual Assets Guidelines - Part 2: User interface icons and Illustrations
[User interface icons and Illustrations] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
Google Visual Assets Guidelines - Part 1: Product icons and logo lockups
[Product icons and logo lockups] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
SIX UX
A collection of awesome six second transitions and animations.
Starters Guide to iOS Design
«In this guide I’ll describe the deliverables you’ll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts.»
International Android UI Design Community - Signa
LivIcons - Exclusive Truly Animated Icon Pack!
Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.
Loren Brichter - der Hohepriester des App-Designs
Latest from “Europe” in The Wall Street Journal
A More Flexible Workflow
Learn how we adapted our design process workflow to include more prototyping, better design conversation, and new types of deliverables.
Antwort
Responsive Layouts for Email
Bring Back the Sitemap?
David Bushell – Freelance Web Design (UK)
Responsible Considerations For Responsive Web Design
Responsive Web design has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. A few obvious examples are the multitude of responsive image techniques, conditional loading, and responsive design and server-side components (RESS), among many other existing and emerging strands stemming from the core concept of responsive Web design.
Complex Navigation Patterns for Responsive Design