Devtools Tips News Today

Let’s discover the most popular DevTools tips that can boost your productivity and revolutionize your debugging workflow.

CSS Shadows Generator Looking for a tool that’ll automatically generate CSS code for really smooth, layered box-shadows? Well, you’re going to love SmoothShadow. Inspired by an article written by Tobias Ahlin Bjerrome, this nifty tool was created to help anyone generate the code they need on the spot. SmoothShadow Figma plugin by Philipp Brumm (Large preview) Once you’ve given it a try, it will be difficult to not use it. The little tool allows you to visually design a layered smooth box...

CSS Stats CSS Stats runs a thorough audit of the CSS files requested on a page. Like many similar tools, it provides a dashboard-alike view of rules, selectors, declarations and properties, along with pseudo-classes and pseudo-elements. It also breaks down all styles into groups, from layout and structure to spacing, typography, font stacks and colors. Specificity scores, built with CSS Stats. Lower scores and flatter curves are better for maintainability. (Large preview) One of the useful fea...