Web Design:
CSS: When to use Flexbox, when to use Grid
Learn when to use CSS Flexbox vs. Grid, with examples for each. Understand their technical differences and how to combine them for modern, responsive web design.
CSS
Collection of publications tagged with css.
Font Weight Conventions:
CSS font-weight cheat sheet
Understand the CSS font-weight property with this cheat sheet covering numeric values, named keywords, browser support, fallbacks and variable fonts.
Web Design:
CSS: nth-child cheat sheet
The nth-child cheat sheet explains how the CSS :nth-child() pseudo-class targets elements based on their order within a parent, supporting patterns, formulas, and specificity.
CSS Color Scheme:
CSS named colors
Comprehensive guide to all 147 CSS color keywords, including their 142 named colors. List of all CSS Color Module Level 4 named colors. Includes hex, RGB, and HSL values.
Web Design:
CSS selectors & combinators cheat sheet
Cheat sheet for Cascading Style Sheets (CSS) selectors and combinators. Includes specificity score. Many examples of simple, compound and complex selectors.
CSS Selectors:
CSS specificity calculator
CSS specificity calculator that shows how browsers prioritize styles. Enter any selector to see its specificity score for ID, class, and type selectors.
Insert Quotation Marks Automatically:
Displaying quotes before and after quotes using CSS
Learn how to use the CSS quotes property to display quotation marks automatically or with custom string values with HTML elements like blockquote and q.
CSS Selectors:
How to calculate specificity in CSS
Learn how CSS specificity works, how to calculate it using different selectors, and how combinators and selector weights influence style application.
Character Encoding:
HTML entities cheat sheet
Complete HTML entity reference list. Includes symbols, arrows, mathematical operators, and special characters in Unicode, hex, decimal, named entity, and CSS codes.
Responsive Web Design:
How to create a responsive table with 100% width
Learn multiple methods to create fully responsive tables with 100% width using CSS and HTML only, including practical code examples for flexible and overflow-based solutions.
Responsive Web Design:
Responsive images in HTML and CSS
Learn how to implement responsive images using HTML and CSS techniques: HTML picture element, img element with srcset, sizes, CSS media queries, image-set, and container queries.
Web Development:
Web development validation and testing tools
Online validation and testing tools for web developers. Learn which tools you need to validate HTML, CSS, JavaScript, security, and accessibility (a11y) in your web projects.
Random Quote
“Content precedes design. Design in the absence of content is not design, it's decoration.”
