Check my Advent of UI Components 2021!

From Publications

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

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

Did you know that I am running UI Dev Newsletter? Subscribe now


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.
Read the article

Tools for Auditing CSS

CSS Tricks
Auditing CSS is not a common task in a developer's everyday life, but sometimes you just have to do it. To do it, I usually reach for some of the tools I'll cover in the article.
Read the article

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.
Read the article

How to create a multi-step form the easy way

DEV
A multi-step form is a long-form that is broken into pieces. Learn how I add one to my site.
Read the article

Interview for Remote Working Hub

Remote Work Hub
Remote Working Hub is a place where you could find useful information about remote working. I have been asked to share my remote working experiences. I said to myself, why not.
Read the article

A Comparison of Static Form Providers

CSS Tricks
Static Form Providers do all tasks like validating, storing, sending notifications, and integrating with other APIs. Read the review of the most popular static form providers.
Read the article

My favorite Netlify features

CSS Tricks
Being a JAMstack developer in 2019 makes me feel like I am living in a wonderland. Yet, there is one particular platform that stands out with its formidable products and features—Netlify.
Read the article

How to add a contact form to a static website

Codementor
With the rise of the static site, developers need a service that could handle forms. Static website contact form is the most common case, and in this article, you would learn how to add one with Kwes form builder.
Read the article

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

CSS Tricks
Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation.
Read the article

5 things to consider when creating your CSS style guide

LogRocket
CSS style guides should be considered an equal citizen of every project requirement. Here are five things that you should keep in mind when working with CSS style guides.
Read the article

Overview of Popular Static Site Generators

Toptal
There are many obvious benefits to serving a static HTML file, such as easier caching, faster load times, and a more secure environment overall. Each static page generator produces the HTML output differently.
Read the article

From WordPress to Hexo

Toptal
Static site generators are systems that compile templates into static HTML pages. If that sounds efficient—yes, it is. There is no server processing or rendering, so static websites tend to be very fast and lightweight.
Read the article