Tags: frontend

A practical look at BFC (Block Formatting Context) — the concept, the characteristics, and where it shows up in real development, including clearing floats and preventing margin collapse.

A summary of the various component communication patterns in Vue 3, including Props, Emits, v-model, provide/inject, and more.

Nowadays, developing single-page applications (SPAs) is mainstream. You’ve probably already used both hash and history routing, but do you really understand them?

Canvas is a powerful HTML5 element that gives you the ability to draw graphics and animations. Drag is one of its most common interactions. This post walks through how to implement drag in Canvas.

Drag-and-drop sorting gives users a direct, interactive way to rearrange and organize content — better UX, faster operations.

Grid layout is like a designer's magic wand — it lets you arrange and position elements on a grid. Think of it as a 2D stage where you place actors (elements) and control where they go and how big they are.

Grid layout is like a designer's magic wand — it lets you arrange and position elements on a grid. Think of it as a 2D stage where you place actors (elements) and control where they go and how big they are.

Let's lift the veil on CSS Flex layout. It's the dev superhero you reach for first — responsive design, page layout, element alignment, all of it.