Pixels & code #2 – Web Design weekly links not to miss
This content is 11 years old. Remember that the following content might be outdated.
Every week I post a lot of my daily readings about Web, UI and UX Design, HTML and CSS, webdesign tools and ressources and inspiration on twitter and other social networks. I decided to put them all together in one place at the end of the week, in case you missed some. They are classified in different categories with some tags so that you can quickly select what you are interested in. Happy reading.
Articles to read
- #UX – Shades of Discoverability, a closer look to some different ways to communicate function in interface
- #UX- How To Use Select Boxes (Pulldown Menus), example of incorrect usage with alternative for it
- #UX – Lean Product Development: How To Validate A Feature Idea In 5 Minutes
- #Clients – Client Relationships and the Multi-Device Web · An A List Apart Article
- #Designer Advice – Branding too strong? Design in greyscale
- #Windows #Design – Think Different: Designed with Windows “To design and develop on Windows machines is to work in the most adverse environment first”
- #Typography – Typography in ten minutes, a quick guide on simple typography rules + Summary of key rules
Inspiration
- #Stop Motion – Latte Art, cute stop motion Latte Art
- #Identity – HardCore Bar, a bar with a pretty cool graphic style
- #Typographie – typehunting.com a tumblr with many vintage fonts
- #Logo – 24 Elegant and Colorful Logos
Tutorials
- #Gesture #Mobile – Gesture Design with Javascript, a little presentation of what you can do with HammerJS to enhance your webapplication gesture design
Freebies
- #Typography – Look Up Free Font’s playful type with a home-made feel
- #Typography – Kraftstoff, a free typeface based on antique gas pump meters
- #Branding – Free Stationary Mockup PSD
Tools and plugins that will make your life easy
- #jQuery #Navigation – SimpleSlideView, Our Plugin for the Simplest of Sliding Views (like in iOS lists)
- #Mobile – mockuphone.com One Click to Wrap App Screenshots in Device Mockup!
- #Mobile design- Pixel Density Converter a smart little tool to calculate how to scale graphics between four density groups
- #Emmet #Livecoding – Emmet LiveStyle, live bi-directional code editing with ST and Chrome/Safari
- #Photoshop #Plugin – renamy.com a Photoshop plugin to rename layers with multiple layer renaming option (coming soon)
Fun and impressive demos
- #CSS – Fun form demo that turns into a paper plane
- #CSS – Smoky text effect
- #CSS – A big serie of creative links effects animated with CSS3
- #CSS – “Forest Encounter” best pen you will see this week 😉
- #Flash #Music- Seaquence, musical composition experiment with little creatures (plays sound)
The read you can’t miss:
- #UX – UX is not UI – “UX is the intangible design of a strategy that brings us to a solution.”
