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.
As someone who's always on the lookout for the perfect productivity app, I was excited to try out Notion. It promises to be an all-in-one tool for everything from note-taking to project management to personal wikis.
From the moment you open Notion, you can tell that it's different from other productivity apps. The interface is sleek and modern, and it's easy to navigate. The app is divided into pages, which can be customized with different templates to fit your needs. You can create to-do lists, databases, wikis, calendars, and more.
One of the things I love about Notion is the ability to create relationships between pages. For example, you can create a database of your favorite books and then link to a page with your book reviews. Or you can create a to-do list and link to a page with notes about the task. This feature makes it easy to keep all of your information in one place and to connect related items.
Based on our record, Notion seems to be more popular. It has been mentiond 439 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.
Advanced Notion and Google Doc writing editor. - Source: dev.to / about 1 month ago
I manage my non-work and work-adjacent tasks in Notion. Whenever I have an idea, regardless of how big or small or silly or achievable it is, I'll add it to Notion, and use labels to categorise it by type of output (e.g. blog, silly project, website update). Today I wanted to write a short post for my site. I clicked on the filtered blog post view, and selected this one (because I hoped it would be a quick one!). - Source: dev.to / 4 months ago
Notion.so redefines workspaces. With its intelligent organization and collaboration features, it's more than a productivity tool—it's a digital haven. Discover the art of streamlined and efficient teamwork. - Source: dev.to / 8 months ago
A quote as I could not directly send a discord screenshot and am not sure that people want to make an account at notion.so simply to see the FAQ:. Source: 9 months ago
I work on a large SPA: https://notion.so It’s a document editing application. A document title might occur in the browser’s titlebar, in the header of the main editor, in a “mention” (a link to the document), and in multiple places in the user’s sidebar - like in both their “Favorites” section and in the the contents of their team. When the user edits the document title, we need to update all those UI bits to... - Source: Hacker News / 10 months ago
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
Trello - Infinitely flexible. Incredibly easy to use. Great mobile apps. It's free. Trello keeps track of everything, from the big picture to the minute details.
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Asana - Asana project management is an effort to re-imagine how we work together, through modern productivity software. Fast and versatile, Asana helps individuals and groups get more done.
Css Inspector - Get the CSS of any element on the web
Obsidian.md - A second brain, for you, forever. Obsidian is a powerful knowledge base that works on top of a local folder of plain text Markdown files.