Weekly News for Designers № 490

By on May 31st, 2019Designer News

The Grumpy Designer’s Advice for Avoiding Painful Tasks – There are tasks designers want no part of. Here’s how to make them easier.
The Grumpy Designer’s Advice for Avoiding Painful Tasks

Code as Documentation: New Strategies with CSS Grid – Learning to keep track of layout information through your code.
Code as Documentation: New Strategies with CSS Grid

xstyled – A consistent theme-based CSS for styled-components.
xstyled

Beyond Bland: HTML Lists with Style – Code snippets that prove that you don’t have to settle for plain old bullets and numbers.
Beyond Bland: HTML Lists with Style

Bun – Generate custom checkboxes and radio buttons with CSS.
Bun

Good Brief – Create random design briefs – just like a client would give you. It makes for great practice!
Good Brief

M Search – Search the web by color, style or keyword.
M Search

10 Fantastic Sites for Downloading Free Vector Templates – Make quick work of your design projects with these top-quality resources.
10 Fantastic Sites for Downloading Free Vector Templates

Announcing GitHub Sponsors: a new way to contribute to open source – Work on GitHub? You can now receive sponsorships for your projects.
Announcing GitHub Sponsors: a new way to contribute to open source

useAnimations – A free library of icon-based microinteractions.
useAnimations

Accessible Icon Buttons – Making icon-only buttons accessible to all.
Accessible Icon Buttons

20 Tutorials for Creating a Professional Logo in Adobe Illustrator – Learn the tricks behind making beautiful logos in Illustrator.
20 Tutorials for Creating a Professional Logo in Adobe Illustrator

Font Famous – A free vector font featuring the logos of top media companies.
Font Famous

Eggplore UI Styleguide – Check out this free, colorful UI kit for Sketch and Figma.
Eggplore UI Styleguide

Create a split, faux-container layout with CSS Grid and Flexbox – Build this unique layout using the latest CSS techniques.
Create a split, faux-container layout with CSS Grid and Flexbox

8 Stunning Examples of the X-Ray Effect in Web Design – A look at how the X-Ray effect is being used to great impact online.
8 Stunning Examples of the X-Ray Effect in Web Design

Font Kiko – A free collection of 700+ open source icons for use in your projects.
Font Kiko

Follow Speckyboy on Twitter or Facebook for a daily does of web design resources and freebies.