3 ways to center a Div in CSSHave you ever gone to an interview and been asked the question: How to center a div? If you are a senior developer, are you sure that the way you are doing is best?
5 tips writing code in JavaScript as a ProWhen working with JavaScript, we deal a lot with conditionals, here are the 5 tips for you to write better / cleaner conditionals.
AbortController when doing Fetch APIThe AbortController interface represents a controller object that allows you to abort one or more Web requests as and when desired.
Are you using map function in a long code write?Sometimes you dont know that you are using map function in a long code write
Best practice in Tailwind with Headwind extension in VS CodeHeadwind is another extension that support you to have best practice when you work with TailwindCSS in VScode.
Code detect that student open another browser tab during the Online examThe detection of candidates opening another browser tab during the exam is not very popular. Here is the example code to do this
🧑🚀Do we really need a UI Component Library? Crafting a user interface (UI) is a crucial first step in any project. But when it comes to building that UI, the debate around technology stacks can get heated
Enhancing Code Clarity with 7 JavaScript One-LinersOne-liners refer to concise code snippets that accomplish tasks in a single line, streamlining our coding process.
Fold Tailwind class name to improve readability in VS CodeIf you are a Tailwind-Dev, you must be annoyed that tailwind's class name is too long. This is an extension on VS Code you should take a look.
Getting Started with Nuxt 4Learn how to build modern web applications with Nuxt 4 and its amazing features.
How to enable Design Mode in Chrome Dev ToolDevice Mode is a responsive design testing tool built into Google Chrome and other Chromium-based web browsers such as Microsoft Edge and Opera.
Javascript Tips: MemoizationMemoization is a powerful technique that can be used to improve the performance of programs. It is especially useful for functions that are computationally expensive or that are called with the same input multiple times.
Perform Network Throttling in Chrome to Simulate Poor NetworkThis detailed guide explores what Network Throttling is and how Chrome developer tools slow down network using two different
Remove background from Image using CSS onlyIn this detailed blog post, we delve into the art of removing backgrounds from images using CSS exclusively. Discover how the powerful mix-blend-mode property can be harnessed to achieve transparent backgrounds without relying on image editing software.
Scroll Nap Type: Build a professional Carousel with only CSSThe scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
🌈 Measure of a good Frontend Engineer from my perspective In the world of web development, frontend engineering holds a special place. It's the bridge between creativity and functionality, user experience and technical prowess. Being a great frontend engineer is about mastering both the art and science of web development. So, what does it take to become one?
Top list of solutions to optimize images for websitesImage optimization helps lower your webpage’s weight and is a core tenet of good web design, which results in many benefits
Using Snippets to Debug in ChromeIf you find yourself running the same code in the Console repeatedly, consider saving the code as a snippet instead. Snippets have access to the page's JavaScript context. They are an alternative to bookmarklets.
🎏 Why does Frontend Developer need to improve aesthetics? By understanding and applying aesthetic principles, front-end developers can create websites that are not only functional but also beautiful and engaging.
Building APIs with Drizzle ORMA comprehensive guide to using Drizzle ORM for type-safe database operations in your Nuxt applications.
Vue 3 Composition API Best PracticesMaster the Vue 3 Composition API with these proven best practices and patterns.