Pixels of the Week – March 20, 2015

Pixels of the Week – March 20, 2015

This content is 10 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, mobile design, webdesign tools  and useful ressources, inspiration on twitter and other social networks.

This week’s selection: mobile multi-channel strategy, typography, performances, CSS animations tool in Chrome and animation tutorial in Photoshop, orgiami endangered species, some flexbox and inline-block layout tutorials, responsive menu inspiration, a font built in CSS and a nice DIN inspired font.

Web Design weekly summary:  mobile multi-channel strategy, typography, performances, CSS animations tool in Chrome and animation tutorial in Photoshop, orgiami endangered species, some flexbox and inline-block layout tutorials, responsive menu inspiration, a font built in CSS and a nice DIN inspired font.

TL;DNR the one you should not miss

#Performance

Whatdoesmysitecost.com find out how much it costs for someone to use your site on mobile networks around the world.

Whatdoesmysitecost.com

 

Interesting article

#Mobile

Making Mobile Work in Your Multi-Channel E-commerce Strategy “Consumers don’t think in terms of channels—mobile, desktop, in-store. Instead, it’s all just shopping.”

Making Mobile Work in Your Multi-Channel E-commerce Strategy

#Typography

What is kerning, mother fonter?

What is kerning, mother fonter?

#Performance

The Path to Performance: Performance is a requirement for building successful websites, but how do you get your entire team excited about it?

The Path to Performance

#Performance

Strategies for Staying on Top of Web Performance

#Mobile Workflow #Development

Mobile first is a great workflow, mobile first workflow explained in the DEVELOPMENT phase

Inspiration and Great ideas

#Origami

Lovely: 30 endangered species in 30 pieces

30 espèces animale en danger en 30 petites pièces d'origami

#Making Of #3D

VFX of The Hobbit: The Battle of the Five Armies

VFX of The Hobbit: The Battle of the Five Armies

#Music

Morning procrastination, let’s mix some music 🙂

Madeon

Designer Great news

#Animation

Animation Timeline in Chrome DevTools – coming soon

Animation Timeline in Chrome DevTools

Tutorials

#CSS

An inline-block intervention“, using inline-block AND floats with clearfix

#Flexbox

Using Flexbox today because yep, flexbox is awesome

Using Flexbox today

#Animation #Photoshop

8 Photoshop UI Animation Tutorials

Useful ressources

#Menu #Responsive

Design Trends in Responsive Navigation: Best Practices 2015

Design Trends in Responsive Navigation: Best Practices 2015

#Slack

Sweetthemesaremadeofthe.se, some slack themes

Sweetthemesaremadeofthe.se

#Font

Gidole – Open Source Modern DIN

Gidole

Tools and plugins that will make your life easy

#SVG

Textures.j, SVG patterns for Data Visualization

Textures.j

Fun, games, experiments and demos

#Photoshop

Your Favorite Photoshop Experts Open Photoshop 1.0

Your Favorite Photoshop Experts Open Photoshop 1.0

#SVG

Squiggly Text Experiment with SVG filters

Squiggly Text Experiment with SVG filters

#CSS

Css-sans a font created only in CSS

Css-sans

And just for fun, some Kindle Cover Disasters