|
Hi There! 👋
Its Saief from Dhaka, BD 🇧🇩, Frontend Engineer, passionate about creating engaging, accessible web experiences that delight users and meet business goals. Proficient in HTML, CSS/SCSS, JavaScript, Reactjs, WordPress, and more. Keen eye for UI/UX, typography, spacing.
Writings are about frontend development, tutorials, and other useful resources. I am currently focused on the SPA, Full Site Editing, and block-based themes and plugins.
- Animation (1)
- CSS (1)
- Frontend (3)
- JavaScript (4)
- React (2)
- Tips and Tricks (3)
- Typography (2)
-
Understanding ‘Truthy’ and ‘Falsy’ in JavaScript
In JavaScript, the type of value determines its truthiness or falsiness. Objects will always be your go-to for a guaranteed truthy value!
-
Build Your Icon Component Library in React using SVGs
How to make your own set of reusable icon component that look great and work smoothly. It highlights the benefits of using the react-icons library…
-
Reusable Accordion Component | React, Tailwind CSS
An accordion — a versatile UI pattern that could elegantly expand and collapse content with a mere click. We write this reusable component using React and styled with Tailwind…
-
:where(), :is(), :has(), and :not(), modern pseudo-classes in CSS
Did you know that there are some modern pseudo-classes in CSS that can help you select elements based on more complex and dynamic criteria? 🤔Specifically,…
-
Compile, debug SASS/SCSS code online
When I was learning Sass/Scss it was confusing to debug the code. I read several articles just to know what I am doing wrong. Things…
-
How to Convert any Font Size Unit to REM
Converting any font size unit to rem is not difficult once you know the basic formula and how many pixels are in each unit. You…
-
Responsive Typography | Fluid Font Size, SASS Mixin, Utility Class
What is fluid typography? Fluid typography is a technique that allows the text size and line height to adjust according to the width of the…
-
Scroll Animation using Intersection Observer API
If you want to make your web page more engaging and interactive, you might want to consider adding some animations to your elements. Animations can…