From Publications

Here are the posts that I wrote for some prominent publications.

I wrote for Smashing Magazine, CSS Tricks, LogRocket, and Toptal.

How to make a “Raise the Curtains” effect in CSS

CSS Tricks
Learn how to create a visually stunning "raise the curtains" effect while scrolling over a sticky element in this step-by-step guide.

The CSS from-font value explained in 4 demos

CSS Tricks
I found the CSS from-font value for the text-decoration-thickness property. I did a little research what I found (and learned) is interesting.

How to build an expandable accessible gallery

Smashing Magazine
In this article, you will learn how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way.

Tools for auditing CSS

CSS Tricks
Streamline your CSS auditing process with this developer's guide. Discover the tools you need to tackle the task effectively.

How to get sticky and full-bleed elements to play well together

CSS Tricks
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top.

How to create a multi-step form the easy way

DEV.to
Transform your long form into a manageable, user-friendly experience with this step-by-step tutorial on how to create a multi-step form.

Interview for Remote Working Hub

Remote Work Hub
I shared my personal experiences to help you work remotely successfully on Remote Working Hub.

A Comparison of Static Form Providers

CSS Tricks
Find the best static form provider for your needs with this review of the most popular options. Get help with validation, storage, notifications, and more.

My favorite Netlify features

CSS Tricks
Experience the magic of JAMstack development with Netlify. See why this platform is a standout choice for developers in 2019.

How to add a contact form to a static website

Codementor
Add a static website contact form with ease using Kwes form builder. Follow this tutorial to learn how.

Oh, the many ways to make triangular breadcrumb ribbons!

CSS Tricks
Create a stylish row of links that interconnect with chevron-like shapes and notches using this simple tutorial.

5 things to consider when creating your CSS style guide

LogRocket
CSS style guides play a crucial role in any project. Keep these 5 things in mind when working with them for better results.

Overview of popular Static Site Generators

Toptal
Discover why serving static HTML files is a smart move for improved caching, faster load times, and enhanced security. See how static page generators differ.

From WordPress to Hexo

Toptal
Get a fast, lightweight website with a static site generator. Find out how these systems compile templates into static HTML pages.