design

Responsivator View & share how sites look at different screen sizes Works with localhost too.

Starter’s 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 .

Origins of Common UI Symbols They are road signs for your daily rituals — the instantly recognized symbols and icons you press, click and ogle countless times a day when you interact with your computer. But how much do you know about their origins? Power Command Bluetooth USB Play Pause Sleep At FireWire SBBOD (spinning beach ball of death) Ethernet See also The Secret Histories of Those @#$%ing Computer Symbols | Wired....

CSS = California Style Sheets Jenn $chiffer (via A Call For Web Developers To Deprecate Their CSS — Medium )

The Highlight — Best of 2013: UI Animations — Beautiful Pixels This year too, we’ve selected some fantastic apps in our list of The Highlight — UI Animations . See also for 2012 .

Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. (via Origami – Design prototyping with Quartz Composer )

Form follows function Louis Sullivan (via Wikipedia )

Lorem Ipsum – All the facts – Lipsum generator Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.

Placeholder Images for every case. Webdesign or Print. It’s simple and absolutely free! Just put the custom url in your code like this: <img src="http://lorempixel.com/400/200" /> to get your FPO / dummy image.

How To Not Suck Online Download a PDF poster of the below tips & tricks Clear Language Simplicity Visual Priority Create Intrigue Ten Ideas in ten Minutes Write a Good Brief Write the News Story Make me Look Good It Pays to be Remarkable Be Relevant Collaborate not Death by Committee Adapt or Die Tell a Story Use Humor Give People a Strong Call to Action

The largest database of free vector icons Download all icons in SVG, PSD or PNG format (via Free vectors icons for download and Icon font | Flaticon )

misslillybrowne: That Squiggle of the Design Process The Process of Design from a great height . by Damien Newman

Lipsumo LIPSUMO is a simple lorem ipsum generator which uses text from Project Gutenberg. Placeholder text done right!

A quick and simple image placeholder service. (via Placehold.it )

ImageOptim optimizes images — so they take up less disk space and load faster — by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations. (via ImageOptim — better Save For Web )

(via 6 Proven Ways to Boost the Conversion Rates of Your Call-to-Action Buttons ) So let’s cut the excuses and start using techniques we know will work, like the six data-backed methods for improving conversions explained below. Entertain the lizard brain Focus visitors on simple calls to action Make buttons look like buttons Write button copy in the first person Boost your buttons with “click triggers” When visitors are ready, unleash the awesome

The User is Drunk (by squareweave ) Blurry vision Attention-poor (Guide them) Say it twice Emotional (Do over the shoulder testing) Drunk, not dumb ( Source: https://www.youtube.com/ )

Pixate Freestyle — CSS for iOS Pixate is a free framework that lets you style your native iOS views with stylesheets. Update 2014-12-06 Pixate has pivoted into some kind of “prototyping” tool, but their original library is open sourced and still available as Freestyle : Freestyle – A simple, powerful way to define a native app’s look and feel, using CSS See also: native CSS – the fast hybrid mobile development framework to start developing iOS or Android apps as an alternative to Pixate TM or NUI NUI – Style iOS apps with a stylesheet, similar to CSS And similar:...

This tool was born from the daily toil of finding sample avatars for UI mockups (via User Inter Faces )

Size Calculator Nick Sherman demo’d Size Calculator , a web application created to bring screen design a capability that print design has enjoyed for 500 years. (via Web Type, Meet Size Calculator ∙ An A List Apart Blog Post )