All posts in Resources & Tools

Color accessibility: tools and resources to help you design inclusive products

Color accessibility: tools and resources to help you design inclusive products

I wrote a quick tweet about teaching the basics of accessibility and colors to design students that go quite some attention. It brought up some interesting discussions. So I thought I would share with you all the resources, tips and tools I regularly use to build and check the color accessibility of my products in one place. Enjoy.

Continue reading

Essential resources to design complex data tables

Essential resources to design complex data tables

This content is 2 years old. Remember that the following content might be outdated.I’m currently working on dashboards with a lot of complex tables to display and I keep searching for the same articles again and again so I thought I might as well put them all in a blog post and share them with you. Here is my current list of resources when I need to design complex tables with a lot of data, interactions, etc. Detailed articles and …

Continue reading

Quick trick: clean up Sketch useless symbol overrides in the panel

Quick trick: clean up Sketch useless symbol overrides in the panel

This content is 2 years old. Remember that the following content might be outdated.In 2018, I’ve decided to write more quick small posts to share small ressources, tips and tricks that help me in my daily workflow. This is the first of them and one of my favorite quick tip in Sketch. You may know that you can nest symbols in other symbols and override them. You can also override text content. But when you play the inception symbol game, …

Continue reading

Solving design problems: Finding UX tools, methods & activities

Solving design problems: Finding UX tools, methods & activities

Involving users, audience, stakeholders, partners, internal teams and developers from the start will help us build better products and services. There’s a lot of methods available to UX designers to help us accomplish this. This unfortunately means that it’s also pretty easy to get lost and feel overwhelmed with the quantity of information available. In this article I am going to share with you my list of seven ressources I use in my daily job to find the right UX method and tool.

Continue reading

Where to easily find free CC0 images for your projects

Where to easily find free CC0 images for your projects

This content is 4 years old. Remember that the following content might be outdated.More and more sites offer great images under Creative Commons 4 – CC BY 4.0 you can use for free. This is great if you can actually attribute the author. If you can’t attribute for any reason (sometimes clients won’t let you, sometimes it’s hard to add yet another attribution on the poster where you have already so many legal text), you could always look for images under the Creative …

Continue reading

Sizzlepig, an online tool to resize, scale and crop multiple images

Sizzlepig, an online tool to resize, scale and crop multiple images

This content is 6 years old. Remember that the following content might be outdated.Creating different versions of the same image can become time consuming for website content creators. You usually have to use scripts, or batch processing in design tools. Results of automatic image cropping are not often perfect and you tend to have to rework some images individually. This morning I found a really cool online tool: Sizzlepig. This little tool is able to batch process many images and …

Continue reading

SpecKing, a plugin to measure and create design specs in Photoshop

SpecKing, a plugin to measure and create design specs in Photoshop

This content is 6 years old. Remember that the following content might be outdated.Once a design is finished, you have to measure most of the elements in order to transform them into nice and usable HTML/CSS: margin, padding, distance between elements and extract the typography properties. It’s usually the front-developer that will do all this time consuming work. With SpecKing, you can give him a little extra help. This  little Photoshop plugin will help you create design specs directly in …

Continue reading

BlendMeIn and Flaticon – two plugins to access vector icon collections in Photoshop

BlendMeIn and Flaticon – two plugins to access vector icon collections in Photoshop

This content is 6 years old. Remember that the following content might be outdated.Creating and maintaining in Photoshop a librairy of vector icons for a project can get very tricky and become quite a pain. You can always create your artwork and define it as a custom shape, but custom shapes in Photoshop don’t offer a search option. I found two plugins that help you to access big icon libraries directly in the Photoshop panels : BlendMeIn and FlatIcon. I …

Continue reading

On Onextrapixel: Responsive Web Design: Layouts and Media Queries

On Onextrapixel: Responsive Web Design: Layouts and Media Queries

This content is 7 years old. Remember that the following content might be outdated.More and more Smartphones and Tablets are produced every day so adapting content for such devices becomes more and more a necessity.  In my last article on Onextrapixel, I showcase three layouts that can be used to adapt content for mobile : fluid, adaptive and responsive layout, but also give some nice media-queries tips and tricks. You can see the article here : Responsive Web Design: Layouts …

Continue reading

On Onextrapixel : All About Buttons: Inspiration, PSDs for Download, CSS Generators and Frameworks

On Onextrapixel : All About Buttons: Inspiration, PSDs for Download, CSS Generators and Frameworks

This content is 7 years old. Remember that the following content might be outdated.Button design is an important part of a website design. I put together on Onextrapixel some button galleries, PSD to download, CSS3 button generator and button Framework for your inspiration. See the article on Onextrapixel : All About Buttons: Inspiration, PSDs for Download, CSS Generators and Frameworks