5 tips writing code in JavaScript as a Pro
When working with JavaScript, we deal a lot with conditionals, here are the 5 tips for you to write better / cleaner conditionals.
a year ago
#javascript
How to enable Design Mode in Chrome Dev Tool
a year ago
The browser developer tools are incredibly powerful, with new debugging and optimisation features being added every few months.
The following post outlines 50+ awesome tips, that you can use to supercharge your web development experience.
What is Design Mode
Design Mode is a tiny extension which puts Chrome into edit mode, allowing you to edit entire pages as though you were in an HTML editor.
How to enable Design Mode
Design Mode Enabling design mode will make the entire web page editable, just by clicking and typing. To use it, open up the console and run:
e console and run:document.designMode="on";
Now you can type on any element of the webpage and change what it says.
You can also create a bookmarklet called 'edit' with this as the URL:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
... and click it at any time to make any page easy to edit.
Related Blogs
3 ways to center a Div in CSS
Have 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?
a year ago
#css
Perform Network Throttling in Chrome to Simulate Poor Network
This detailed guide explores what Network Throttling is and how Chrome developer tools slow down network using two different
a year ago
#javascript#chrome
Top list of solutions to optimize images for websites
Image optimization helps lower your webpage’s weight and is a core tenet of good web design, which results in many benefits
a year ago
#javascript#performance-optimization
Code detect that student open another browser tab during the Online exam
The detection of candidates opening another browser tab during the exam is not very popular. Here is the example code to do this
a year ago
#javascript
Best practice in Tailwind with Headwind extension in VS Code
Headwind is another extension that support you to have best practice when you work with TailwindCSS in VScode.
a year ago
#tailwind-css#vs-code
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
a year ago
#javascript
Using Snippets to Debug in Chrome
If 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.
a year ago
#javascript#chrome
Fold Tailwind class name to improve readability in VS Code
If 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.
a year ago
#tailwind-css#vs-code
Javascript Tips: Memoization
Memoization 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.
a year ago
#javascript#performance-optimization
Enhancing Code Clarity with 7 JavaScript One-Liners
One-liners refer to concise code snippets that accomplish tasks in a single line, streamlining our coding process.
a year ago
#javascript#best-practices
Scroll Nap Type: Build a professional Carousel with only CSS
The scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one.
a year ago
#css#carousel
AbortController when doing Fetch API
The AbortController interface represents a controller object that allows you to abort one or more Web requests as and when desired.
a year ago
#javascript
Remove background from Image using CSS only
In 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.
a year ago
#css
🌈 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?
10 months ago
🎏 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.
10 months ago
🧑🚀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
10 months ago