I find new and amazing resources across the web all the time. Here’s a collection of my favorites spanning web design, user experience designer, interaction design, and user interface design. Resources are generally great places to go and learn something or find some new assets. While tools are generally shortcuts, apps, plugins, or other collections. Do you have some great resources or tools? I would love to hear from you!
Tools
Type Setting
Type Scales: Modular Scale
Typewolf: Typography Inspiration for the Modern Web
Photoshop
PLTTS Color Palletes
Retinize It – Photoshop actions for slicing retina graphicsFROONT – design responsive websites in the browser
Generators
WordPress Custom Post Type Code Generator
Tab GENERATOR
Bubble Fade Editor – SVG Generation
Dotted Background Generator
Greek Text Generator
Convertors
Convert image to GIF
Sprite Cow – Generate CSS for sprite sheets
Boilerplates
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
App Press
Front End Dev (design)
CSS Colours – A list of colour names in CSS
Front End Dev (code)
Create a new Fiddle – jsFiddle
Code Snippets | CSS-Tricks
CodePen
Animate.css
WordPress
markjaquith/WP-Stack · GitHub
Mini Apps
Kaleidoscope — File comparison for Mac
Resources :: Ushahidi Community
Presentations
Briefs
Printers
Business Cards | moo.com USA
- Manuals
Compressor.io – optimize and compress images and photos - Web Design Field Manual
- 100 Principles for Designing Logos and Building Brands | Brand Identity Essentials
UX
- Mobile PatternsPttrns — Mobile User Interface Patterns
- UX is not UI | Hello Erik – User Experience @Erik_UX
- 10 UI Kits For Flat Web Design | Who Design Today
- The Main Tap › PatternTap
- MephoBox | Web Design and Web Inspiration
- Process Diagram from Nurun › PatternTap
- Free PSDs & Resources for Web Designers by Orman Clark
- UX Apprentice
- UX Archive
- Form Elements | MailChimp
- Search Results | UX Magazine
- TGF – Shots of Things that WorkLittle Big Details
- My 8 Most Influential UX Articles/Videos — Design / UX — Medium
- How to Create User Stories, Scenarios, and Cases
- Inbox for ux | MailDrop
- IxD (Interaction Design) Checklist – Myplanet Digital
- Velositey – Website Layout Builder for Photoshop
- Call to Idea – Get inspired!
UI
- 50 Free and Premium Attractive User Interface Design Kits | UI Kits10 Super Useful Free Flat UI Kits | FreebiesFlat UI KitHakim El HattabGrade components, not browsers | Filament Group, Inc., Boston, MAModular Design Kit Boiler PlateFreebies15 Websites Where You Can Download Free PSD Files | Bashooka | Cool Graphic & Web Design BlogUnheap – A tidy repository of jQuery plugins
Textures
- Free High Resolution Textures – gallery
- Design KindlePixelsDaily | Free PSDs & Resources for Designers
- Freebies – You The Designer
- Free Textures – a set on Flickr
- Patternwall.netBrilliant Uses of Texture in Website Design And Some Resources
- Freebies from SpoonGraphics
Icons
NounProject
Iconmonstr
Web Design Ledger Free Icons
Font Awesome Cheatsheet
Image Credit
“‘Appareil pour vulcaniser le caoutchouc par la vapeur sèche’.” by Biblioteca Rector Machado y Nuñez is marked with CC PDM 1.0
