In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time it’s all about CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles.

Smashing Magazine is a reputable publication that caters to web designers and developers, offering a  articles, tutorials, and resources to help them stay at the forefront of their craft. With a focus on practical, actionable insights, Smashing Magazine covers a wide range of topics, including frontend development, UX/UI design, performance optimization, and responsive web design. The platform also hosts conferences, workshops, and webinars, providing opportunities for professionals to network and further their skills. By following Smashing Magazine, developers can access resources to enhance their knowledge, skills, and career prospects in the rapidly evolving field of web development.

Smashing Magazine

This week we’re looking at useful generators for everything CSS: from gradients to drop-shadows and bezier curves to triangles and type scales. SmoothShadow allows you to visually design a layered smooth box-shadow, but also tweak alpha, offset and blur with individual easing curves. Easing Gradients Editor lets you create and preview easing gradients in CSS.