Pixels & code #13 – Web Design weekly links not to miss

Pixels & code #13 – Web Design weekly links not to miss

Cet article est également disponible en Français : fr_FR fr_FR

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

Posted by David Fay, October 16 2013 5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before

Smart Transitions In User Experience Design

Inspiration

Time- Illustration

  • #Illustration – Time sweet colorful illustration
  • #Colors – Namethatblue, find which blue it is (you can also play with other colors)

Shawn Smith	 Rethings

  • #Pixel-art - Shawn Smith, this guy makes cazy 3D pixel art scupltures
  • #CSS – Cssspecificity.com CSS specificty table with icons inspired by The Shining

Famous costumes from movies and music by Brazilian designer Frederico Birchal.

typenovel

  • #Typographie  - typenovel.tumblr.com a collection of typo signs, shop signs, shop fronts fouind on the internet.

Tutorials

ThumbnailGridAnimations

Useful ressources

Responsive Design Hub

snapsvg.io

  • #SVG – Snap.svg a JavaScript libraryfor working with SVG

Freebies

Tools and plugins that will make your life easy

sketchology

  • #iPad –  An iPad sketch app that of looks like Paper (pay to unlock tools) with brush size & opacity change and infinite zoom sketchologyapp.com

Fun and impressive demos

css3geometry

The read you can’t miss:

alice in wonderland
Alice’s Adventures in Wonderland, a beautiful demo using CSS shapes (the making of on Ultranoir )

Looking for a Web or UI designer, for a site or mobile application ? Looking for a logo designer, or simple want to know more about me ? You can take a look at my portfolio and contact me.

3 thoughts on “Pixels & code #13 – Web Design weekly links not to miss

  1. Hello Stéphanie. Thank you for a wonderful treasure chest of inspiration and guidance – I really do appreciate all your efforts.
    A little way up this page, you direct one to HTML5up:
    #HTML5 -html5up.net a collection of free, responsive HTML5 site templates #freebies
    Unfortunately, none of the demos work. Well, not on my system at any rate (Win 7, Firefox 25.0)
    Regards, John.

    • Oh you’re so right, those preview don’t display on FF. I’m sorry I should have checked but I’m used to browse with Chrome. They do nevertheless work with IE10 so I’m not really sure how they managed to do this, I’ll ask the site owner.
      I guess it has something to do with the iframe, http://html5up.net/prologue/ does not work on FF but http://html5up.net/uploads/demos/prologue/ looks okay. So it’s really just the preview that has a Firefow problem, but I agree that this is not really cool.
      Thanks for mentionning this John :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment validation by @