Collective #54
Inspirational Website of the Week
Handsome is our pick this week. It's an elegantly designed website with a unique portfolio section that has some subtle transitions with shadows and lights.
Get inspiredMagicSuggest
MagicSuggest by Nicolas Bize is an auto-suggest combobox with Bootstrap theme using jQuery.
Check it outBuilding A Better Responsive Website
A great read about creating responsive websites and an adjusted workflow by Jeremy Girard.
Read itMixing Responsive Design and Mobile Templates
Chris Coyier explains how a mixed mobile strategy can work for your site; with insights on the development of Codepen.
Read itDonuts
Need some clean, subtly animated dashboard gauges? You might like Donuts, a jQuery plugin developed by by Mattia Larentis.
Check it outFree Font: Technik Mono
Technik Mono is a complementary monospaced version of Technik typeface. Technik Mono 50 is available for free.
Check it outThe One Pixel Rule
Meng To explains the importance of 1px and what the rule means for app design.
Check it outBetter Navigation Through Proprioception
Some interesting insights on how to apply the concept of proprioception to create better navigation patterns by Cennydd Bowles.
Read itCorporate Identity Photoshop Mock-up (PSD)
Bluegraphic released this clean and complete corporate identity mockup set for free.
Check it outBreaking down Amazon’s mega dropdown
A very interesting look into the magic behind the fast drop-down menu of Amazon by Ben Kamens.
Read itdsgnjbs - All of the best design jobs in one place
Tom Cavill developed this great site that shows design jobs from the best job sites out there.
Check it outFree Font: Supergrass
Luca Ferrario shares this interesting and fun hand-drawn typeface for free.
Get itHorizontal centering using CSS fit-content value
Learn about the experimental fit-content value for widths in CSS and how it could become an interesting problem-solver.
Handy Icons Vol2 – Free Web Font Kit
This resource includes 99 hand drawn icons that have been converted to a webfont for easy integration into your projects.
Get it:focus tooltip
Some sweet tooltips folding out on focus of the input fields by Victor Pegado.
Check it outKoken: Creative website publishing
Koken is a free system designed for photographers, designers, and creative DIYs to publish independent websites of their work.
Check it outMap Markers (PSD)
Some really nice map markers by Gaston Figueroa.
Get itThe Foundation for Responsive Design – Flexibility
Emily Lewis dives into the main foundations of responsive web design and explains how to employ flexibility.
Check it outFree Outline Icons
A very useful set of almost 200 icons that come in handy for a wide variety of web and app design projects.
Get itFree Font: Corbert
Jonathan Hill designed Corbert, a geometric sans serif typeface influenced by Bauhaus and the early modernist era. The regular and the italic styles are for free.
Check it outUsing SVG
Learn how to use SVG in a web project from Chris Coyier. With some important facts and useful tips.
Read itFree Font: Astroman
Astroman is an original and unique display typeface by Darren McArdel.
Check it out10 Business Card Templates (PSD)
A great freebie release by Honkiat: 10 clean and modern business card templates.
Check it outFlat UI Blog (PSD)
Riki Tanone has put together a set of blog widgets with a "flat" design.
Check it outMake your website printable with CSS
Responsive design isn't just about screen size; it also means adapting to different media – including print. Adrian Roselli shares some techniques in this .net article.
Read it