SemanticScuttle - klotz.me

Tags: css*

0 bookmark(s) - Sort by: Date ↓ / Title /

ScreenCoder — Turn any UI screenshot into clean, editable HTML/CSS with full control. Fast, accurate, and easy to customize.

2025-08-01 Tags: html, css, screenshot, design, agents, visual understanding, code synthesis, github, leigest519, screencoder by klotz

Functions in CSS?!

Explores the concept of functions in CSS, including arguments, defaults, returns, type-checking, and possible future use cases. Currently available in Chrome Canary behind an experimental flag.

2025-03-03 Tags: css, functions, web development by klotz

CSS Functions and Mixins Module

This module provides the ability to define custom functional notations for CSS, allowing authors to define reusable and dynamic CSS values.

2025-02-10 Tags: css, functions, mixins, w3c by klotz

HTML Tables: The Layout Hack That Somehow Worked

Tables once ruled web design, with nested tables causing both creativity and chaos. Replaced by CSS for layouts, they’re now a nostalgic tool still essential for data.

2024-12-09 Tags: html, tables, web design, css, layout, dave raggett, history, history of science by klotz

Inputs & CSS Pseudo Elements

An exploration of why CSS pseudo elements cannot be applied to <input> elements and a workaround using a <span> wrapper to add icons to buttons, while recommending the use of <button> elements for better semantic and functional practice.

2024-10-15 Tags: css, pseudo elements, input elements, buttons, html5, webdev by klotz

7 Cheatsheet Collections That Will Save You Hours as a Frontend Developer

The article discusses the importance of cheat sheets for frontend developers and provides a list of the seven best cheat sheets to help with various frontend development tasks.

1. Codecademy FrontEnd Cheat Sheets
2. The Frameworks Cheatsheet
3. SheCodes CSS Cheat Sheet
4. Responsive Web Design Cheat Sheet
5. Flexbox Cheatsheet Cheatsheet
6. HTML5 Canvas Cheat Sheet
7. Sass Cheat Sheet