Pixels of the Week – September 25, 2015

Pixels of the Week – September 25, 2015

This content is 9 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: cognitive biases, personas, SVG vs Font-icons, enhancing font performance, why the mobile web is a pain (sometimes), UX tips for mobile apps, CSS tutorials and CSS ressources, using the Chrome devtool like a pro. This week we also have plenty of ressources: free alternatives to popular fonts, animation libraries, an online tool to know if it better to create an app, a site of both based on your project and a tool to never have to search for interface cursors.

Conference and Maple Syrup

confoo logoThis year I decided to propose a few talks to Confoo, a conference in Montreal. So if you want me to talk about The future of the web in mobile browsers, how to Enhance User Experience with CSS3 animations and How to communicate responsive design decisions to developers, please VOTE 🙂 You can also vote if you want me to go eat maple syrup 😀

TL;DNR the one you should not miss

#Cognition #

20 Cognitive Biases That Affect Your Decision-Making

20 Cognitive Biases That Affect Your Decision-Making

Interesting article

#Design #UI Pattern

If you ever need to work on forums or with lots of comments: How to display threaded discussions on the web

 How to display threaded discussions on the web

#Sexism

Meanwhile in a parallel universe: commitstrip did a strip on sexism in the tech industry. But as Lea Verou points out “but also hypocritical, given they never include female coders.

Meanwhile in a parallel universe

#Persona

UX Personas Introduction Video for UX Design or Research (8 minutes)

ux-persona

 

#UX

UX design tips for your app

UX design tips for your app

#Performance

A Beginner’s Guide to Performant Design Decisions, because performance is design as well

A Beginner’s Guide to Performant Design Decisions

#Font #Performance

Web Fonts Performance (speakerdeck presentation)

Web Fonts Performance

#Mobile

This is why the mobile web is dying (not sure about the dying part, but agree with the image)

This is why the mobile web is dying

#SVG #Font icon

SVGs vs. Icon Fonts: Two points in favor of Icon Fonts

Tutorials

#CSS

CSS stacking contexts: What they are and how they work

CSS stacking contexts: What they are and how they work

#CSS

A few interesting CSS Protips (for modern browsers)

CSS Protips

#Chrome

How to use Chrome DevTools like a Pro

How to use Chrome DevTools like a Pro

Useful ressources, tools and plugins that will make your life easy

#Fonts

The Best Free Alternatives to the Most Popular Fonts

The Best Free Alternatives to the Most Popular Fonts

 

#CSS

A collection of CSS ressources

Stylesheets.co

#App #Site

App vs website helps you decide which you should build (or both sometimes). If you budget is less than $10k, go with straight a site 😀

App vs website

#Cursor

The site you need to bookmark if you need cursors for you mockups: cursorio.com

 cursorio.com

#Animations

25 Free Libraries for Custom Web Animation