
Hoverify
CSS Scan
SuperDev Pro
CSS Scan Pro
Shuffle for Tailwind CSS
EazyCSS
Devsync
CSS Grab n' Go Editor
Focusmate
LifeAt.io
Flow Club
Cofocus.One
SoWork
Beams
Focus App
Stratsys Meetings
Tools to make your web dev life a bit easy.
โญ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
โญ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
โญ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
โญ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
โญ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
โญ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
Hoverify
FocusmateBased on our record, Focusmate seems to be more popular. It has been mentiond 73 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.
This one feels odd until you try it. Focusmate pairs you with another person for a live 50-minute session. You both silently work on your tasks but stay accountable. - Source: dev.to / 11 months ago
I struggle with similar feelings. For desk/at home work, the Focusmate app (focusmate.com) has been a huge help. It kind of single-handedly helped me earn back trust in myself. You get 1:1 virtual coworking sessions with another user where you follow a friendly entry/exit protocol, tell each other what your plans are and how it went at the end, and keep your camera on the whole time while you work (usually muted).... Source: about 3 years ago
Maybe you can get your company to create a Focusmate group or a discord channel? If you havenโt heard of Focusmate you should definitely check it out. I wfh and absolutely could not do so without it. It gives me a fix for interaction but not too much to get me distracted and it also helps remind me to take breaks. Source: about 3 years ago
Hey, I'm not sure if you work from home / remotely but if you are trying to achieve something from home, I'll just tell you about something that has really helped me: A co-working site like focusmate.com has been a game-changer for me. For some reason my productivity / commitment shoots up when I'm working alongside someone. Hope this helps. Source: over 3 years ago
I occasionally run into professors using http://focusmate.com to help get through grading. Source: over 3 years ago
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
LifeAt.io - WFH doesnโt need to be lonely or repetitive!
SuperDev Pro - 14-in-1 browser extension developers and designers love.
Flow Club - Feel good getting work done
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Cofocus.One - Cofocus connects people for 50 minute 1-1 video sessions for mutual accountability, to stay focused and be productive.