
Obsidian.md
Notion
Logseq
Joplin
Roam Research
Evernote
Standard Notes
TiddlyWiki
Hoverify
CSS Scan
CSS Scan Pro
SuperDev Pro
Shuffle for Tailwind CSS
EazyCSS
Devsync
CSS Grab n' Go Editor
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.
Obsidian.md
HoverifyPerhaps you know someone who swears by Obsidian, it may seem like a cult of overly devoted people for how passionate they are, but it's not without reason
I've been using Obsidian for over 3 years, at a point in my life when I felt I had to handle too much information and I felt like grasping water not being able to remember everything I wanted, language learning, programming, accounting, university, daily tasks. A friend recommended it to me next to Notion (of which he is a passionate cultist priest) and I reluctantly picked it and fell in love almost immediately.
Obsidian seems very simple, like a notepad with folder interface, similar to Sublime Text, but the ability to link files together in a Wiki style allows you to organize ideas in any way you want, one file may lead to a dozen or more ideas that are related
If you want to do something specific, Obsidian has a plethora of community created plugins that expand the functionality, in my case, I use obsidian to organize my classes both as a teacher and as a student, using local databases, calendars, dictionaries, slides, vector graphic drawings, excel-like tables, Anki connection, podcasts, and more
I've been using Obsidian for more than a year. It's been great. I think it offer a great balance of control, flexibility and extensibility. What is more, you own your own data, that's been a must-have feature for me. I just can't imagine putting all my knowledge into something that I don't have control over.
I think two of the most popular alternatives that people consider are Logseq and Roam Research. Although Logseq is a bit different, it's considered compatible with Obsidian. Supposedly, you can use them with a shared database (files. Both use simple text files for storage). I tried that once, a few months ago. It worked, yet it messed up a bit my Obsidian files ยฏ_(ใ)_/ยฏ.
Based on our record, Obsidian.md seems to be more popular. It has been mentiond 1520 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.
Install Obsidian: Download the client from obsidian.md and create a local Vault โ just a local folder. - Source: dev.to / 13 days ago
Obsidian (https://obsidian.md/) Honestly its not huge and most are probably obvious, but those are what I immediately install on my machines. - Source: Hacker News / 17 days ago
A place to store the feedback - I keep mine in an Obsidian vault, organised by type (interviewing, facilitation) and date. This makes trend tracking trivial. - Source: dev.to / about 1 month ago
Option 2: Dedicated markdown app.Typora, Obsidian, or similar. Better editing experience, but now you're context-switching between your code editor and your docs editor. Copy-pasting paths, losing mental context, duplicating effort. - Source: dev.to / about 1 month ago
Obsidian is the storage. A desktop app that opens any folder of markdown files and adds links, search, and a graph view on top. Your files stay on your disk. No cloud unless you turn it on, no proprietary database, no export step. If you want your notes back, you already have them. - Source: dev.to / about 1 month ago
Notion - All-in-one workspace. One tool for your whole team. Write, plan, and get organized.
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
Logseq - Logseq is a local-first, non-linear, outliner notebook for organizing and sharing your personal knowledge base.
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Joplin - Joplin is a free, open source note taking and to-do application, which can handle a large number of notes organised into notebooks. The notes are searchable, tagged and modified either from the applications directly or from your own text editor.
SuperDev Pro - 14-in-1 browser extension developers and designers love.