DEV Community

Nick Benksim profile picture

Nick Benksim

Frontend Developer & UI enthusiast. I write about modern CSS, web design, and clean code. Founder of CSS Codelab. Let's build beautiful things together! 💻✨

Joined on 
Advanced CSS Animations: Keyframes vs Transitions

Advanced CSS Animations: Keyframes vs Transitions

3 min read

Want to connect with Nick Benksim?

Create an account to connect with Nick Benksim. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
CSS Grid Layout Explained: A Complete Guide for Web Development Beginners

CSS Grid Layout Explained: A Complete Guide for Web Development Beginners

12 min read
Top 5 Modern CSS Tricks for Frontend Developers in 2026

Top 5 Modern CSS Tricks for Frontend Developers in 2026

5 min read
Understanding CSS Grid vs Flexbox in 2026

Understanding CSS Grid vs Flexbox in 2026

1
3 min read
The Ultimate Guide to CSS Container Queries in 2026

The Ultimate Guide to CSS Container Queries in 2026

3 min read
Mastering CSS Subgrid: Building Complex Layouts with Ease

Mastering CSS Subgrid: Building Complex Layouts with Ease

3 min read
Beyond Viewport Units: svh, lvh, and dvh Explained

Beyond Viewport Units: svh, lvh, and dvh Explained

3 min read
Building a Bulletproof Dark Mode with Pure CSS

Building a Bulletproof Dark Mode with Pure CSS

3 min read
Advanced CSS Variables: Tips, Tricks, and Best Practices

Advanced CSS Variables: Tips, Tricks, and Best Practices

3 min read
Scroll-driven Animations: The Future of Interactive Web Design

Scroll-driven Animations: The Future of Interactive Web Design

1
4 min read
The Power of CSS :has() and :is() Pseudo-classes

The Power of CSS :has() and :is() Pseudo-classes

3 min read
Customizing Scrollbars Cross-Browser Using Pure CSS

Customizing Scrollbars Cross-Browser Using Pure CSS

3 min read
Next-Level Web Typography with the CSS font-palette Property

Next-Level Web Typography with the CSS font-palette Property

3 min read
CSS Performance Optimization: Best Practices for Developers

CSS Performance Optimization: Best Practices for Developers

4 min read
View Transitions API: Smooth Transitions Without JavaScript

View Transitions API: Smooth Transitions Without JavaScript

4 min read
Native CSS Nesting: Writing Nesting Without Preprocessors

Native CSS Nesting: Writing Nesting Without Preprocessors

3 min read
Mathematics in CSS: functions clamp(), min(), and max()

Mathematics in CSS: functions clamp(), min(), and max()

3 min read
The Magic of the :has() Pseudo-Class in Real Projects

The Magic of the :has() Pseudo-Class in Real Projects

3 min read
Complete Guide to CSS Subgrid

Complete Guide to CSS Subgrid

3 min read
Performance Optimization: How to Properly Load CSS

Performance Optimization: How to Properly Load CSS

3 min read
Typography Secrets: New Possibilities of the CSS Property font-palette

Typography Secrets: New Possibilities of the CSS Property font-palette

3 min read
Custom Scrollbars with Pure CSS: A Cross-Browser Approach

Custom Scrollbars with Pure CSS: A Cross-Browser Approach

3 min read
CSS Magic: Pseudo-classes :has() and :is() that Will Replace Your JavaScript

CSS Magic: Pseudo-classes :has() and :is() that Will Replace Your JavaScript

3 min read
Native CSS Variables: Advanced Techniques and Hacks

Native CSS Variables: Advanced Techniques and Hacks

3 min read
Dark Theme with Pure CSS: Using prefers-color-scheme

Dark Theme with Pure CSS: Using prefers-color-scheme

3 min read
New Units of Measurement in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh

New Units of Measurement in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh

3 min read
CSS Subgrid: how to stop struggling with nested grids

CSS Subgrid: how to stop struggling with nested grids

3 min read
Complete Guide to CSS Container Queries: A New Level of Responsiveness

Complete Guide to CSS Container Queries: A New Level of Responsiveness

3 min read
How to Properly Use Flexbox in 2026

How to Properly Use Flexbox in 2026

3 min read
Top 5 Modern CSS Features for Frontend Developers

Top 5 Modern CSS Features for Frontend Developers

4 min read
Basics of CSS Flexbox: A Complete Guide for Beginners on Flexible Element Positioning

Basics of CSS Flexbox: A Complete Guide for Beginners on Flexible Element Positioning

10 min read
Complete Guide to CSS Container Queries in 2026

Complete Guide to CSS Container Queries in 2026

3 min read
Beyond Viewport Units: Explanation of svh, lvh, and dvh

Beyond Viewport Units: Explanation of svh, lvh, and dvh

3 min read
Scroll-based animations: the future of interactive web design

Scroll-based animations: the future of interactive web design

4 min read
Typography Secrets: New Opportunities of the CSS font-palette Property

Typography Secrets: New Opportunities of the CSS font-palette Property

3 min read
New Measurement Units in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh

New Measurement Units in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh

3 min read
Modern Color Spaces: Why OKLCH and LCH Are Needed

Modern Color Spaces: Why OKLCH and LCH Are Needed

3 min read
CSS Anchor Positioning: A Complete Guide to Anchoring Elements Without JavaScript

CSS Anchor Positioning: A Complete Guide to Anchoring Elements Without JavaScript

3 min read
Style Queries in CSS: how to style elements based on the styles of the parent container

Style Queries in CSS: how to style elements based on the styles of the parent container

3 min read
OKLCH and OKLAB Color Spaces in CSS: Why HEX is No Longer Needed

OKLCH and OKLAB Color Spaces in CSS: Why HEX is No Longer Needed

3 min read
Creating Complex Scroll-driven Animations with Pure CSS in 2026

Creating Complex Scroll-driven Animations with Pure CSS in 2026

4 min read
Advanced Use of the :has() Pseudo-Class for Creating UI Logic

Advanced Use of the :has() Pseudo-Class for Creating UI Logic

1
3 min read
CSS Subgrid in Real Examples: Aligning Nested Cards

CSS Subgrid in Real Examples: Aligning Nested Cards

4 min read
Container Queries vs Media Queries: when and what to use

Container Queries vs Media Queries: when and what to use

4 min read
Native CSS Nesting: Best Practices, Architecture, and Pitfalls

Native CSS Nesting: Best Practices, Architecture, and Pitfalls

4 min read
Mathematical Functions in CSS: Using round(), mod(), and rem()

Mathematical Functions in CSS: Using round(), mod(), and rem()

4 min read
CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed

CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed

1 min read
Variable Fonts in CSS: Configuration and Animation

Variable Fonts in CSS: Configuration and Animation

2 min read
Smooth Page Transitions with View Transitions API using Pure CSS

Smooth Page Transitions with View Transitions API using Pure CSS

3 min read
Creating Adaptive Typography with the clamp() Function

Creating Adaptive Typography with the clamp() Function

3 min read
The property text-wrap: balance and text-wrap: pretty for perfect headings

The property text-wrap: balance and text-wrap: pretty for perfect headings

4 min read
Cascade Layers (@layer) in CSS: how to solve the specificity problem once and for all

Cascade Layers (@layer) in CSS: how to solve the specificity problem once and for all

4 min read
Logical Properties of CSS: Writing Code to Support Any Language

Logical Properties of CSS: Writing Code to Support Any Language

4 min read
Creating Dark and Light Mode for a Website Using the color-scheme Property and light-dark()

Creating Dark and Light Mode for a Website Using the color-scheme Property and light-dark()

4 min read
CSS property field-sizing: automatic resizing of input fields

CSS property field-sizing: automatic resizing of input fields

3 min read
Styling Native HTML Elements <dialog> and <popover> with CSS

Styling Native HTML Elements <dialog> and <popover> with CSS

4 min read
Hidden CSS Grid Layout Features That Beginners Don&#8217;t Know About

Hidden CSS Grid Layout Features That Beginners Don&#8217;t Know About

3 min read
Cascading CSS Layers (@layer): Taking Specificity Under Control

Cascading CSS Layers (@layer): Taking Specificity Under Control

3 min read
The Perfect Dark Theme with CSS Variables

The Perfect Dark Theme with CSS Variables

4 min read
Logical properties of CSS: layout for different languages

Logical properties of CSS: layout for different languages

4 min read
loading...