Shofol's Blog

Anower Jahan Shofol

Anower Jahan Shofol

2 followers

Frontend developer from Bangladesh. Right now I am working remotely and doing freelancing. Mostly working with Angular, React and learning new things daily!

Create a gradient progress bar with CSS

May 10, 20233 min read

Have you noticed cool gradient progress bars around the internet? I have seen many cool websites using it. Recently I was going through JoshWComeau's...

Create a gradient progress bar with CSS

Create an overlay without creating a new element

Jan 26, 20232 min read

Do you want an overlay over your image, video, background or whatever? Then you can do that by just adding some CSS and you won't need to add another...

Create an overlay without creating a new element

Implement dark mode with Next.js+TailwindCSS in 5 minutes

Jan 24, 20232 min read

Dark mode is almost a mandatory thing in web design. And, it's getting easier to implement. Let's see how we can implement this in 5 minutes with two...

Implement dark mode with Next.js+TailwindCSS in 5 minutes

How to make a gradient border just in 2 steps

Jul 9, 20211 min read

šŸ˜„ We don't have any straight attribute on CSS to get a gradient on any elements till now. šŸ˜‰ But, with a little technique, we can achieve this. Add a...

How to make a gradient border just in 2 steps

Stylize your background with backdrop-filter.

Jun 28, 20212 min read

šŸ¤” What is backdrop-filter ? We have filter attribute in CSS to tweak different kinds of properties of an element like contrast, opacity, blurriness,...

Stylize your background with backdrop-filter.

Control your grid flow with grid-auto-flow

Jun 23, 20212 min read

CSS Grid is awesome! We can achieve complex layouts using the CSS Grid. So, here is a short story about one of the CSS Grid's properties called...

Control your grid flow with grid-auto-flow