How to Build a Floating Pill-Shaped Navigation with CSS in GeneratePress
How to create a modern glassmorphism-style sticky, pill-shaped, animated header using only CSS — no JavaScript required!
Kyle Van Deusen
•
Building a Custom Image Gallery with the Image Gallery Block
Recently, I started a project that required me to create a large image gallery. If you’ve ...
Kyle Van Deusen
•
Figma Tips and Tricks: A Crash Course for Beginners
One of my good friends recently started transitioning from Adobe XD to Figma. As he’s been ...
Kyle Van Deusen
•
CSS Grid vs. Flexbox: How to Choose the Right Tool for Your Layout
CSS Grid and Flexbox aren’t competitors—they’re tools that complement each other. By understanding their strengths and weaknesses, you can achieve more than you could with either one by itself.
Kyle Van Deusen
•
How to Build a Tab-Cordion: A Unique Tabs and Accordion Hybrid in GenerateBlocks
A Tab-Cordion combines the functionality of tabs (where users click to switch between sections) with the visual style of an accordion (where content expands and collapses).
Kyle Van Deusen
•
How to Create Smooth Page Transitions with View Transitions and CSS
With just a couple of lines of CSS, you can transform your page transitions from a boring, abrupt reload to something that feels more like an in-app experience.
Kyle Van Deusen
•
Designing a Single Post Template with GeneratePress and GenerateBlocks
In my previous post, I showed you how to set up a blog page that dynamically ...
Kyle Van Deusen
•
How to Set Up a Blog Page with GeneratePress and GenerateBlocks
With the release of GenerateBlocks 2.0, I thought it was time to revisit how to set ...
Kyle Van Deusen
•
How to Create Stacking Cards with CSS in GenerateBlocks
Recently, I came across a cool stacking card effect on a website my friend Paul launched. ...
Kyle Van Deusen
•
A Tour of Free Resources from The Admin Bar
It occurred to me this morning that some of you might only know The Admin Bar through this ...
Kyle Van Deusen
•
How to Redesign the WordPress Login System with WS Form
The default WordPress login page is functional but far from visually appealing. While I’ve added some ...
Kyle Van Deusen
•
A Better Way to Set Up Fluid Typography with a Clamp Calculator
When I’m building a completely custom design, like something I’ve created in Figma, I spend a ...
Kyle Van Deusen
•
