Mark Coleran
Mark Coleran Visual Designer
Direction, Design & Motion
Log in or sign up?
"Sometimes I put my log in information into the register fields." "Me too! I hate that not only do I feel stupid, I have to retype everything again." For one of my side projects, Leafy Chat, we have just added the concept of user accounts. This includes the need for registration and log in (as well as log out and forgot password and so on). Leafy Chat only requires an email address and a password for both registration and log in, so it would be great to have some clever way to have both forms on the homepage. Some things...
Mockups To Go
A user-contributed collection of ready-to-use UI components and design patterns built using Balsamiq Mockups.
Mockups For Desktop
Download the desktop version of Balsamiq. Works offline, one-time purchase.
The design session
The design session - an article about collaborative workflow
Pattern Tap
Interface Collection for Design Inspiration
Yahoo! UI Library
Big Player opens UI Library
cssMenus › css › Learn › solarDreamStudios
System icons (Material Design)
System icons symbolize common actions, files, devices, and directories.
Tabler Icons
A set of over 450 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.
Iconset
Free, cross-platform and fast SVG icon organizer app for designers, developers or product teams. Works on both Mac and Windows.
7 Principles of Icon Design - Helena Zhang - Medium
The issue of diversity in icon design
Do we have the right icons at hand to represent all humans?
Solid Vs. Outline Icons: Which Are Faster to Recognize?
Redesigning the Office App Icons to Embrace a New World of Work
Thoughts on the new official Apple app icon template
It’s not a squircle, it’s a roundrect!
all icons sets (UX Repo)
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?
Inspecting Yosemite’s Icons
Finely crafted software for the discerning client.
iOS 7 Icon Template | PSD, SVG, Sketch
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
LivIcons - Exclusive Truly Animated Icon Pack!
Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.
The Making of Octicons
In our last post we announced Octicons, our new icon font. We put a lot of work into the font and gained a lot of knowledge in the process. With five different designers working to
MFG Labs icon set
Free Icons Set designed by Brankic1979
A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing.
Symbolset
Symbolsets are semantic symbol fonts. They work in modern browsers and anywhere OpenType features are supported.
Gemicon Icon Set
Freebie (600 PNG Icons + PSD Source)