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
nickbenksim profile

Advanced CSS Animations: Keyframes vs Transitions

#css #webdev #frontend #programming
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.

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

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

#css #webdev #frontend #programming
12 min read
Top 5 Modern CSS Tricks for Frontend Developers in 2026
nickbenksim profile

Top 5 Modern CSS Tricks for Frontend Developers in 2026

#css #webdev #frontend #programming
5 min read
Understanding CSS Grid vs Flexbox in 2026
nickbenksim profile

Understanding CSS Grid vs Flexbox in 2026

#css #webdev #frontend #programming
1
3 min read
The Ultimate Guide to CSS Container Queries in 2026
nickbenksim profile

The Ultimate Guide to CSS Container Queries in 2026

#css #webdev #frontend #programming
3 min read
Mastering CSS Subgrid: Building Complex Layouts with Ease
nickbenksim profile

Mastering CSS Subgrid: Building Complex Layouts with Ease

#css #webdev #frontend #programming
3 min read
Beyond Viewport Units: svh, lvh, and dvh Explained
nickbenksim profile

Beyond Viewport Units: svh, lvh, and dvh Explained

#css #webdev #frontend #programming
3 min read
Building a Bulletproof Dark Mode with Pure CSS
nickbenksim profile

Building a Bulletproof Dark Mode with Pure CSS

#css #webdev #frontend #programming
3 min read
Advanced CSS Variables: Tips, Tricks, and Best Practices
nickbenksim profile

Advanced CSS Variables: Tips, Tricks, and Best Practices

#css #webdev #frontend #programming
3 min read
Scroll-driven Animations: The Future of Interactive Web Design
nickbenksim profile

Scroll-driven Animations: The Future of Interactive Web Design

#css #webdev #frontend #programming
1
4 min read
The Power of CSS :has() and :is() Pseudo-classes
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Customizing Scrollbars Cross-Browser Using Pure CSS
nickbenksim profile

Customizing Scrollbars Cross-Browser Using Pure CSS

#css #webdev #frontend #programming
3 min read
Next-Level Web Typography with the CSS font-palette Property
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
CSS Performance Optimization: Best Practices for Developers
nickbenksim profile

CSS Performance Optimization: Best Practices for Developers

#css #webdev #frontend #programming
4 min read
View Transitions API: Smooth Transitions Without JavaScript
nickbenksim profile

View Transitions API: Smooth Transitions Without JavaScript

#css #webdev #frontend #programming
4 min read
Native CSS Nesting: Writing Nesting Without Preprocessors
nickbenksim profile

Native CSS Nesting: Writing Nesting Without Preprocessors

#css #webdev #frontend #programming
3 min read
Mathematics in CSS: functions clamp(), min(), and max()
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
The Magic of the :has() Pseudo-Class in Real Projects
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Complete Guide to CSS Subgrid
nickbenksim profile

Complete Guide to CSS Subgrid

#css #webdev #frontend #programming
3 min read
Performance Optimization: How to Properly Load CSS
nickbenksim profile

Performance Optimization: How to Properly Load CSS

#css #webdev #frontend #programming
3 min read
Typography Secrets: New Possibilities of the CSS Property font-palette
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Custom Scrollbars with Pure CSS: A Cross-Browser Approach
nickbenksim profile

Custom Scrollbars with Pure CSS: A Cross-Browser Approach

#css #webdev #frontend #programming
3 min read
CSS Magic: Pseudo-classes :has() and :is() that Will Replace Your JavaScript
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Native CSS Variables: Advanced Techniques and Hacks
nickbenksim profile

Native CSS Variables: Advanced Techniques and Hacks

#css #webdev #frontend #programming
3 min read
Dark Theme with Pure CSS: Using prefers-color-scheme
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
New Units of Measurement in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
CSS Subgrid: how to stop struggling with nested grids
nickbenksim profile

CSS Subgrid: how to stop struggling with nested grids

#css #webdev #frontend #programming
3 min read
Complete Guide to CSS Container Queries: A New Level of Responsiveness
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
How to Properly Use Flexbox in 2026
nickbenksim profile

How to Properly Use Flexbox in 2026

#css #webdev #frontend #programming
3 min read
Top 5 Modern CSS Features for Frontend Developers
nickbenksim profile

Top 5 Modern CSS Features for Frontend Developers

#css #webdev #frontend #programming
4 min read
Basics of CSS Flexbox: A Complete Guide for Beginners on Flexible Element Positioning
nickbenksim profile

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

#css #webdev #frontend #programming
10 min read
Complete Guide to CSS Container Queries in 2026
nickbenksim profile

Complete Guide to CSS Container Queries in 2026

#css #webdev #frontend #programming
3 min read
Beyond Viewport Units: Explanation of svh, lvh, and dvh
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Scroll-based animations: the future of interactive web design
nickbenksim profile

Scroll-based animations: the future of interactive web design

#css #webdev #frontend #programming
4 min read
Typography Secrets: New Opportunities of the CSS font-palette Property
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
New Measurement Units in CSS (dvh, lvh, svh) and Why Its Time to Forget About vh
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Modern Color Spaces: Why OKLCH and LCH Are Needed
nickbenksim profile

Modern Color Spaces: Why OKLCH and LCH Are Needed

#css #webdev #frontend #programming
3 min read
CSS Anchor Positioning: A Complete Guide to Anchoring Elements Without JavaScript
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Style Queries in CSS: how to style elements based on the styles of the parent container
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
OKLCH and OKLAB Color Spaces in CSS: Why HEX is No Longer Needed
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Creating Complex Scroll-driven Animations with Pure CSS in 2026
nickbenksim profile

Creating Complex Scroll-driven Animations with Pure CSS in 2026

#css #webdev #frontend #programming
4 min read
Advanced Use of the :has() Pseudo-Class for Creating UI Logic
nickbenksim profile

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

#css #webdev #frontend #programming
1
3 min read
CSS Subgrid in Real Examples: Aligning Nested Cards
nickbenksim profile

CSS Subgrid in Real Examples: Aligning Nested Cards

#css #webdev #frontend #programming
4 min read
Container Queries vs Media Queries: when and what to use
nickbenksim profile

Container Queries vs Media Queries: when and what to use

#css #webdev #frontend #programming
4 min read
Native CSS Nesting: Best Practices, Architecture, and Pitfalls
nickbenksim profile

Native CSS Nesting: Best Practices, Architecture, and Pitfalls

#css #webdev #frontend #programming
4 min read
Mathematical Functions in CSS: Using round(), mod(), and rem()
nickbenksim profile

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

#css #webdev #frontend #programming
4 min read
CSS Performance Optimization: How to Achieve 100 Points in Google PageSpeed
nickbenksim profile

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

#css #webdev #frontend #programming
1 min read
Variable Fonts in CSS: Configuration and Animation
nickbenksim profile

Variable Fonts in CSS: Configuration and Animation

#css #webdev #frontend #programming
2 min read
Smooth Page Transitions with View Transitions API using Pure CSS
nickbenksim profile

Smooth Page Transitions with View Transitions API using Pure CSS

#css #webdev #frontend #programming
3 min read
Creating Adaptive Typography with the clamp() Function
nickbenksim profile

Creating Adaptive Typography with the clamp() Function

#css #webdev #frontend #programming
3 min read
The property text-wrap: balance and text-wrap: pretty for perfect headings
nickbenksim profile

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

#css #webdev #frontend #programming
4 min read
Cascade Layers (@layer) in CSS: how to solve the specificity problem once and for all
nickbenksim profile

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

#css #webdev #frontend #programming
4 min read
Logical Properties of CSS: Writing Code to Support Any Language
nickbenksim profile

Logical Properties of CSS: Writing Code to Support Any Language

#css #webdev #frontend #programming
4 min read
Creating Dark and Light Mode for a Website Using the color-scheme Property and light-dark()
nickbenksim profile

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

#css #webdev #frontend #programming
4 min read
CSS property field-sizing: automatic resizing of input fields
nickbenksim profile

CSS property field-sizing: automatic resizing of input fields

#css #webdev #frontend #programming
3 min read
Styling Native HTML Elements <dialog> and <popover> with CSS
nickbenksim profile

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

#css #webdev #frontend #programming
4 min read
Hidden CSS Grid Layout Features That Beginners Don&#8217;t Know About
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
Cascading CSS Layers (@layer): Taking Specificity Under Control
nickbenksim profile

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

#css #webdev #frontend #programming
3 min read
The Perfect Dark Theme with CSS Variables
nickbenksim profile

The Perfect Dark Theme with CSS Variables

#css #webdev #frontend #programming
4 min read
Logical properties of CSS: layout for different languages
nickbenksim profile

Logical properties of CSS: layout for different languages

#css #webdev #frontend #programming
4 min read
loading...