Design

💡Have you ever wondered why the WCAG colour contrast ratio doesn't always seem to work?💡 Well it actually has to do with how we calculate colour contrast and is super interesting. Hold on to your butts, this is a 🧵 https://t.co/iMjDwRDCtg

Bring your designs to life with our online graphic design platform. Use professionally designed templates and collaborate in creating the best graphics.

Free online graphics design for your social media, ad & print materials. Use graphic design tool for your content creation and packed with free graphics.

Create free, beautiful designs for marketing, social media, and e-commerce in seconds. 1-click bg remover, 4m+ stock photos, illustrations, icons & much more.

An open-source color system for designing beautiful, accessible websites and apps.

Mondrian is an art generator and a source of inspiration.

There are hundreds of Figma plugins available as of today, yet the Figma plugin search functionality is pretty basic and at times it can be very difficult to find the right plugin for a certain task. This article will take an in-depth look at several plugins that can speed up your design workflow.

A complete guide to SVG generators: everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.

What do you do if a client has an outdated logo they want to use? Learn how to deal with clients’ bad taste the right way.

CopyGradients is an online tool that will enable you to easily copy gradients to your clipboard then paste the code on Gutenberg editor or any application.

You’ve likely noticed by now that the world has finally decided to amplify a long, on-going conversation about racism — at least for the moment. In the US, underpinning the headlines about policing and excessive use of force on Black and Brown bodies is the conversation about how systemic power disparities affect the Black community. …

Freelance Front-End Web UI/UX Developer - Lebanon

Tech is always political. The way data is collected and handled is often biased, and many products are neither accessible nor inclusive. Ethical Design Guide is made to share resources on how to create ethical products that don't cause harm.

Nancy Douyon helps leading brands design for inclusion and representation.

A complete list of cognitive biases and design principles. Tons of product examples, tips and checklists to improve your user experience.

Let me show you some rapid tips and tricks for Figma. We’ll look at 26 Figma features, tips and tricks from A to Z.

Recently Stefan Judis shared how to style the browse button of a file selector using the ::file-selector-button pseudo-element TIL – you can style the file input "browse" button using `::file-selector-button`.😲 Supported in Firefox, Chromiums starting with 89 & Safari Tech preview. 🔗 MDN: https://t.co/56jACY9qK1🔗 Compat data pr: https://t.co/vrFNS4LdIS Video alt: Example of a styled browse … Continue reading "Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools"

Feature prioritization is an essential part of a product’s development that can either make or break its success. This article explores a variety of prioritization frameworks that will help you make informed decisions on what the next feature should be.

Together we'll uncover how to build resilient, performant, accessible and beautiful structures that work with the grain of the materials of the World Wide We...

SVG isn't just useful for illustrative animation. It's hella handy for UI too.

General techniques for loading images responsibly, which improve accessibility, performance, and bandwidth usage.

Zoom recording including David Dylan Thomas

16777216 Color names & generator. Any color spaces: HEX, RGB, CMYK, HSL, HSV etc.

California now bans companies from using "dark patterns," or website designs that can confuse users into opting into selling their information.

Learn how several next-gen image codecs (JPEG 2000, WebP, AVIF, and JPEG XL) compare to JPEG in compression density, features, etc. as its potential replacement.

Easily generate nice looking color matrix filters for your images.

Create beautiful, smooth gradients across a wide range of hues.

The SVG file type has a lot of advantages for developers. Are you using them yet? Read this post to find out why you should be if you haven’t started already.