Pixels & code – Web Design weekly links not to miss
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. I’m not sure about the layout yet, it might change a little bit in the next editions. Happy reading.
Articles to read
- #UX – Step-by-Step UX Improvement: Screenshot Upload
- #Mobile UX – Mobile Design Details: Performing Actions Optimistically
- #Off Canvas #Responsive Menu- Progressive Viewports
- #Sass #Webdesign – Sass for designers — the talk and the case study
- #UX #HTML5 – Placeholders are not Substitutes for Labels
- #Animation #UX – Interface Animations and Transitions: where to get inspiration
- #Lorem Ipsum – Lorem Ipsum is Killing Your Designs
- #UX #Click – dontclick.it, page experiment without a single click
Inspiration
- #Dribbble #Codepen – Give ‘n’ Go A curated gallery of Dribbble shots reworked as interactive CodePen pens.
- #CMYK- 10 creative uses of CMYK
- #Neon – Showcase of Vibrant 80s Inspired Neon Artwork
- #Hipster – hipsterlogo.com, designer making for of tends
- #Painting – simonstalenhag.se, uchronia paintings
- #Packaging – Marou Faiseurs de Chocolat Year 1, some packaging work
- #Illustration – artgerm.deviantart.com, some beautiful illustrations
- #PapierToy – Paper sculpture by Thomas Voillaume
Tutorials
- #Photoshop – Photoshop Variables: How to Import External PSD Smartly
- #SVG – Animated line drawing in SVG
Useful ressources
- #Excuse Developerexcuses.com , designerexcuses.com, you will never need to find another excuse for your clients
- #Android #Fragmenation – Android Fragmentation Visualized
- #Test #Mobile – Techniques for mobile and responsive cross-browser testing: An Envato case study
- #Responsive #Menu 15 Responsive Navigation jQuery Plugins ,if you need a responsive menu (or simply are looking for inspiration)
Freebies
- #Typography – BoB Font, a fun font to download for free
Tools and plugins that will make your life easy
- #SVG – Svgeneration.com, generate and download SVG images to use in CSS backgrounds for html and graphic design
- #E-commerce Stripe.com and the demo shop.stripe.com, an easy payment system for developers
Fun and impressive demos
- #CSS – The humble border-radius, a video of Lea Verou on border-radius
- #3D #CSS – 3D Effect for a Mobile App Showcase, A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
The read you can’t miss:
#Mobile
The mobile-first Web in 2015 we shall be 5billion people accessing the web on mobile phone. This article offers a very nice analysis of the phenomena, with a quote from Karen McGrane :
“ Mobile users should get the same content. It’s frustrating and confusing for them if you only give them a little bit of what you offer on your “real” website. If you try to guess which subset of your content the mobile user needs, you’re going to guess wrong. Deliver the same content as your desktop user sees. (If you think some of your content doesn’t deserve to be on mobile, guess what — it doesn’t deserve to be on the desktop either. Get rid of it.) “
And a last funny link before you go: dressacat.com.
