Weekly News for Designers № 490

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

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

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

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

Bun – Generate custom checkboxes and radio buttons with CSS.

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

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

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

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

useAnimations – A free library of icon-based microinteractions.

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

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

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

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

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

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.

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

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

The post Weekly News for Designers № 490 appeared first on Speckyboy Design Magazine.