Learn to Code HTML & CSS
Design
Wicked Backgrounds
Create beautiful SVG backgrounds for your UI designs.
The branding style guidelines documents archive
Welcome to the brand design manual documents directory. Search over our worldwide style assets handpicked collection, access to PDF documents for inspiration.
No, standardization doesn’t stifle creativity
The maturation of UX isn’t making you an uncreative robot or replaceable commodity.
"Yes or No?" — One Checkbox vs Two Radio Buttons.
Freelance Front-End Web UI/UX Developer - Lebanon
How to design delightful dark themes
Dark themes are the latest trend in app design. Here we share how to design dark themes that are readable, balanced, and delightful!
OMG, SVG Favicons FTW!
This article explores the world of SVG favicons. We cover adding them to HTML, using emojis, inlining them as data URIs, supporting dark mode, and animations.
Pixlr free online photo editor
Discover free and premium online photo editor and graphic design tools! Effects, filters, overlays, simple to expert tools.Open almost any image format like PSD (Photoshop), PXD, Jpeg, PNG (Transparent), webP, SVG and many more. You'll find a Pixlr image editor just for you!
Free Online Design Tools for your WordPress Blog
Online graphic design tools can be used to add something extra to your images, blogs and WordPress site. There are a number of tools freely available, or some with free versions. And the great thing is, you don’t need to be a graphic designer to use them. From designing blog title images and Facebook graphics, to creating infographics, here are 18 online design tools that you can use to boost the visual appeal of your WordPress site. Canva Canva is accessible and easy-to-use, even for non-designers. It provides a nice variety of templates, taking the guess-work out of choosing the
Quiz: The Inconceivably Hard Color Quiz
Color is one of the fundamental building blocks of design. The color decisions we make–what colors and where, how many different colors, or even if we use color at all–all have a huge impact on ho
What Are Your Brand Guidelines Actually For? | Viget
How to use the guidelines you've got, or get the guidelines you need.
2021 Scroll Survey Report
Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web.
130 Eye Catching Color Combinations For Design Enthusiasts
An endless flow of color inspiration in every scheme and image!
Dan Hollick 🇿🇦 on Twitter
💡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
Online Graphic Design Platform - Start Free Trial on Creatopy
Bring your designs to life with our online graphic design platform. Use professionally designed templates and collaborate in creating the best graphics.
Desygner - Graphic Design Software Made For You, The Non-Designer.
Free online graphics design for your social media, ad & print materials. Use graphic design tool for your content creation and packed with free graphics.
Pixelied - Free Design Suite For Businesses & Marketers
Create free, beautiful designs for marketing, social media, and e-commerce in seconds. 1-click bg remover, 4m+ stock photos, illustrations, icons & much more.
Colors — Radix UI
An open-source color system for designing beautiful, accessible websites and apps.
Mondrian Art Generator
Mondrian is an art generator and a source of inspiration.
Speed Up Your Workflow With Figma Plugins — Smashing Magazine
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.
SVG Generators — Smashing Magazine
A complete guide to SVG generators: everything from SVG shapes and cropping tools to SVG filters, color matrix mixers and SVG to JSX generators.
How to Steer Clients from Bad Design Choices - The Media Temple Blog
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 | Copy & generate background gradients with ease.
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.
Navigating Whiteness in Design
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. …
Design for reading: tips for optimizing content for Reader modes and reading apps
Freelance Front-End Web UI/UX Developer - Lebanon
Ethical Design Guide
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.
SVGOMG - SVGO's Missing GUI
Designing for Inclusion: An Interview with Nancy Douyon
Nancy Douyon helps leading brands design for inclusion and representation.
🧠Psychology of Design: 101 Cognitive Biases & Principles That Affect Your UX
A complete list of cognitive biases and design principles. Tons of product examples, tips and checklists to improve your user experience.
A to Z of Figma: Tips & Tricks!
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.