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 Make a “Raise the Curtains” Effect in CSS
In this article, I am going to show you how to make the “raise the curtains” effect where the background and content both change color while scrolling over a sticky element.
The CSS from-font Value Explained in 4 Demos
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
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
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.
How to Get Sticky and Full-Bleed Elements to Play Well Together
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
A multi-step form is a long-form that is broken into pieces. Learn how I add one to my site.
Interview for Remote Working 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.
A Comparison of Static Form Providers
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.
My favorite Netlify features
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.
How to add a contact form to a static website
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.
Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
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.
5 things to consider when creating your CSS style guide
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.
Overview of Popular Static Site Generators
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.
From WordPress to Hexo
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.