Advanced frontend topics with detailed solutions and explanations

Blog

advanced frontend topics with short solutions and explanations

CSSdeveloped by World Wide Web Consortium (W3C)

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. Designed to enable the separation of content and presentation, including layout, colors, and fonts.

References - wiki

/* .block__element--modifier */

CSS

Modular architectures Part One

Discover writing styles in OOCSS and BEM methodology.

Nov 28, 2024

CSS

Houdini in CSS

Type checking and default values? It is small TypeScript for CSS?

Nov 25, 2024

/* specificity 0.0.0 */

CSS

Understanding Specificity

Learn how to read styles from left to right.

Oct 4, 2024

/* styles magic */

CSS

Toggle checkbox message on click in pure CSS

Show and hide checkbox message on click using only CSS.

Sep 16, 2024

/* styles magic */

CSS

Validation form messages on keypress using pure CSS

Simple form inputs validation using pure CSS, without any JavaScript.

Sep 7, 2024

/* @media (..) */

CSS

media query ranges – the width keyword

Write responsive css shorter and nicer.

Aug 9, 2024

/* light and darkness */

CSS

prefers-color-scheme media query – what it is?

Check how to detect user system theme (light or dark) and apply appropriate styles.

Aug 3, 2024