Pixels of the Week – January 13, 2019

Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, Front-End development, HTML, CSS and more…

This week’s selection: content strategy, mobile browser capabilities, greats reads on how CSS works, CSS grid, design ethics, SEO and React, different project process for product design, diversity and icons, a SVG Gradient Map Filter tool, a library with interface sounds, SVG organic shape generator, etc.

You can follow me on twitter to get a dose of links every days.

I gave a talk this week

#Mobile #UX

Super Secret Powers of Mobile Browsers  – times have changed! Learn to use the power of Progressive Web Apps and APIS like geolocation, push-notifications, offline support, biometric authentication, etc. to bring user experience on mobile browsers to the next level.

TL;DNR the one you should not miss

#Process

Building Better Products by Exploring Workflows and Design Processes” a really good quick introduction to all the process jargon (waterfall, agile, lean, kanban, scrum) to help you understand different ways to organize a project

Interesting article

#Design

#CSS

#UX

SAM, Self-Start Accommodations Management App — nice case study if you want to see what a user centric design process looks like

#Diversity

The issue of diversity in icon design – Do we have the right icons at hand to represent all humans?

#Design system

Underneath the component: theme driven design systems – interesting read on components, consistency vs divergence

#Mobile

Tap to Dismiss – quick tips on how to design the X button to close modals on mobile

#Content

The first-time content strategist’s survival guide – some really useful tips

#SEO

3 Essential Tools to Boost your React App’s SEO” ok this is interesting, the issues with React apps when it comes to SEO indexing and how to fix this

Inspiration, fun demos and Great ideas

#Design in code

Top Pens of 2018 on CodePen – it’s amazing to see what we can build in the browser those days

#Game

The art behind the gorgeous Gris on Nintendo Switch and Steam – amazing games design inspiration

Tutorials

#CSS

Multi-Line Inline Gradient – muuhaha nice challenge and solution 🙂

Useful tools and plugins that will make your life easy

#Measure

My brain and eyes love this: Dimensions.Guide , a comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world.

#SVG

SVG Gradient Map Filter – an online tool to create SVG Gradient Map Filter for your images

#Performance

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

#Sound

UI Sounds – Interesting library with interface sounds

#SVG

Blobmaker, an online editor to make SVG organic shapes

Are you looking for a UX or UI designer, for a site or mobile application? Do you want me to give a talk at your conference, or simply want to know more about me? You can take a look at my portfolio and contact me.

Leave a Reply

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