🔎 No more digging in a code. Inspect styles in a simple, well-organized & beautiful way. Get it now!
CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.
Ever wondered what’s the line-height, font or a button size on a website? We provide you the ultimate tool to satisfy your curiosity. We enable you to inspect code in the easiest possible way. Check the hidden CSS style of objects, colors and assets on the web.
This post looks at a way to add a subtle noise effect to HTML elements using CSS. Using this technique is of interest because it doesn’t require use of an image editor, weighs in at just a little over 2K and doesn’t generate any extra HTTP requests.
CSS and HTML responsive grid of hexagons. View the Demo page of the responsive grid of hexagons GitHub repository. This grid is made with CSS and HTML, it adapts the number of hexaongs per row according to the available width and features title and short text on hover.
Well, text-overflow: ellipsis; could work, but then you truncate your headings and can’t really predict what they will look like. Michael Scharnagl has been doing research and he found a quite bulletproof solution. As it turns out, the best option is to combine overflow-wrap with word-wrap and hyphens that will show hyphens for every browser supporting it and will break lines in every other browser. Solved! (vf)