DEV Community

Cover image for Get Descriptions on Bash, HTML, & CSS snippets in your browser
Ianeta Hutchinson
Ianeta Hutchinson

Posted on • Updated on


Get Descriptions on Bash, HTML, & CSS snippets in your browser

Online resources play an enormous role in solving problems related to our code. Studies clock developers as using up to 20% of development time looking at or for code examples (think: documentation, forum based bug-fixes, task centric blogs, etc)[1,2,3].

Myself and 3 others built a browser extension for bringing IDE/Editor features to your browser. We supplement snippets on the web as you browse so you can consume the code more easily and get back to writing your own code, faster.

Previously only Bash, we've just finished the work to detect then supplement CSS, HTML, and JavaScript code snippets! Now you can see consistent syntax highlighting across all Bash, CSS, HTML, and JS snippets and get descriptions on mouse over for:

  • Bash: Commands, Sub-commands, Options
  • HTML: Element, (Attributes will be in later this week)
  • CSS: Properties

Interact with the snippets on our website to get a feel for how snippets appear with the Kmdr browser extension installed. If you'd like to kick the tires, give Kmdr a whirl (for free) here then please let me know what you think!

Kmdr in action: Checkout the GIFs below (they are monsters so may take a while to load).

Alt Text



Top comments (0)

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.