Pixels of the Week – December 31, 2015

This content is 8 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: using modern web capabilities for webapps, hover menu issues, touch delay on mobile, useful redesigns, responsive typography, rejected designers testimonials, a few 2016 webdesigner trends, responsive images in WordPress, illustration and flexbox tutorials, not supported CSS properties in Opera Mini, mobile form cheatsheet and a little Star Wars Introduction generator.

Since this is the last article of the year, I wanted to thank all of you for coming back and reading me every week and I wish you a Happy New Year 🙂

TL;DNR the one you should not miss

#Webapp

This is so awesome: Getting started with Progressive Web Apps. “A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web’s low friction at every moment.”

Interesting article

#UX #Research

How We Started Doing More Research at Viget – To make a difference, we would need to change the way projects get sold, staffed, and planned, and that would require the awareness and cooperation of the entire company.

 

 

#Usability #Redesign

Stop #DailyUi Start #FixUi – on not only caring about aesthetics but also usability

#Font

A Responsive Guide to Type Sizing

#Menu

Why hover menus are problematic

#Responsive

A Hands-On Guide to Mobile-First Responsive Design

#Touch

Delay, tap actions and touch-action: manipulation;

Designer news

#WordPress #Images

Responsive images are now a core part of WordPress, starting with version 4.4. Here is everything you need to know

Inspiration and Great ideas

#Rejection

rejected.us  eryone’s been rejected – these are our stories 🙂

#Trends

16 crucial web design trends for 2016 & beyond

#Happy New Year

Cute Happy New Year animated card

happynewyear

Tutorials

#CSS #flexbox

Grab a coffee before reading this great article: `flex-grow` is weird. Or is it?

 

#Illustration

Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers

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

#Browser

WTF Opera Mini?! CSS features not supported in Opera Mini

#Touch #Form

REALLY useful: Touch Keyboard Types – HTML5 code and demos for invoking different touch keyboards depending on input type

#SVG

Walkway.js – An easy way to animate SVG images consisting of line, path, and polyline elements.

 

#Talk

A nice list of front-end talks from 2015

Fun, games, experiments and demos

#Star Wars

Star Wars Intro Generator 😀