Chrome DevTools
Firefox Developer Tools
GitHub
HTTP Debugger
Fiddler
VS Code
Charles Proxy
puppeteer
Figma
Adobe XD
Sketch
Canva
Invision
UXpin
ProtoPie
Balsamiq
Chrome DevTools FigmaMy favorite tool right now.
Figma, a versatile cloud-based design software, stands out among design tools due to its real-time collaboration feature. It caters not only to web design but also to print projects. Offering an intuitive interface and powerful features, it allows simultaneous editing, eliminating the hassle of file sharing. Figma's adaptability covers website, mobile app, and print layout design, supported by an array of customizable templates.
Beyond designers, collaborators benefit from Figma's capabilities too. Project managers and clients can offer real-time feedback, streamlining reviews and expediting project progress. Its pricing model, featuring a free version with limited features and a paid option, suits various budgets, ensuring accessibility to freelancers and larger agencies alike.
Core features like real-time collaboration, prototyping, and reusable design elements distinguish Figma. These features facilitate efficient design iterations, ensuring consistency and enabling users to test ideas before development. The tool's emphasis on seamless collaboration makes it a valuable asset for teams, fostering clear communication through comments directly on the design file.
It is user friendly app with alot of modern features which give your website a cool look
Based on our record, Figma should be more popular than Chrome DevTools. It has been mentiond 114 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
You hit a bug. You open the logs. You switch to the code. You check the database. You open the browser dev tools (like Chrome DevTools). You go back to the logs. Every switch costs you mental context. Studies show it takes 15โ25 minutes to regain deep focus after a context switch. A single debugging session can involve dozens of them. - Source: dev.to / 4 months ago
Familiarize yourself with two built-in tools you will use repeatedly. First, Chrome's internal task manager, which you open with Shift+Esc on Windows and Linux or through the Window menu on macOS. Second, the DevTools Performance panel, accessible via F12 or Cmd+Option+I on Mac. Both of these are essential for diagnosing which specific tab, extension, or process is responsible for the slowdown you are experiencing. - Source: dev.to / 4 months ago
The copy() function is a DevTools-specific API documented in the Chrome DevTools reference. It writes directly to the system clipboard. For a broader look at what DevTools offers, check out the browser developer tools overview on zovo.one. - Source: dev.to / 4 months ago
YouTube uses infinite scrolling to load new elements on the page, similar to what we discussed in the corresponding article from the Apify team. Let's look at how this works using DevTools and the Network tab. - Source: dev.to / 12 months ago
Let's look at what happens under the hood when we scroll a TikTok page. I recommend studying network activity in DevTools to understand what requests are going to the server. - Source: dev.to / about 1 year ago
Category Tool URL How I used it General AI assistant ChatGPT Https://chatgpt.com Breaking down concepts, simulating interviewers, reviewing answers AI writing / reasoning Claude Https://claude.ai Refining behavioral stories and system design explanations Coding practice LeetCode Https://leetcode.com Core DSA practice and timed coding drills Coding explanations NeetCode Https://neetcode.io Pattern-based... - Source: dev.to / about 1 month ago
Figma is the most widely used sketching tool in the industry and has a generous free tier. - Source: dev.to / 2 months ago
Design Tools (152 EUR/month): Adobe Creative Cloud at 63 EUR, Maxon One at 50 EUR, Figma at 15 EUR, Spline at 7 EUR, Envato Elements at 17 EUR. This is where the real money goes. Adobe alone is a third of my total design spend. - Source: dev.to / 3 months ago
I've been tracking how development teams implement these backgrounds, and the results are fascinating. Figma design teams are using them as foundation layers for mockups, reducing the time spent creating custom patterns from hours to minutes. - Source: dev.to / 4 months ago
If you're a designer, then design the bot in applications like Canva or Figma. - Source: dev.to / 5 months ago
Firefox Developer Tools - Examine, edit, and debug HTML, CSS, and JavaScript on the desktop and on mobile.
Adobe XD - Adobe XD is an all-in-one UX/UI solution for designing websites, mobile apps and more.ย
GitHub - Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Sketch - Professional digital design for Mac.
HTTP Debugger - Debug HTTP API calls to a back-end and between back-ends. Easy of use, clean UI, and short ramp-up time. Not a proxy, no network issues!
Canva - Canva is a graphic-design platform with a drag-and-drop interface to create print or visual content while providing templates, images, and fonts. Canva makes graphic design more straightforward and accessible regardless of skill level.
