Awesome List Updates on Oct 10, 2023

7 awesome lists updated today.

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor

1. Awesome Devtools

Bookmarklets

• Make Bookmarklets - Online tool to turn JavaScript into a bookmarklet.

Tools / Debugging & Development

• endpoints.dev - View realtime HTTP requests using a endpoints.dev generated URL.

• Hoppscotch - A lightweight, web-based API development suite.

• JavaScript Visualizer 9000 - Loupe-inspired JavaScript execution visualizer

• JSONPlaceholder - Free fake API for testing and prototyping.

• RecipeUI - Open source Postman alternative with type safety built in.

Tools / Deobfuscation & Transformation

• Compiler Explorer - Run compilers interactively from your web browser and interact with the assembly

• Markdown to HTML - Paste or type your markdown and see it rendered as HTML. Download or copy the resulting HTML.

• SWC - compile JS/TS files using modern JS features and outputs valid code that is supported by all major browsers.

Tools / Diagramming & Scratch

• asciiflow - ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.

• dbdiagram - Draw Entity-Relationship Diagrams, Painlessly.

• dot-to-ascii - Graphviz to ASCII converter using Graph::Easy.

• Excalidraw - Virtual whiteboard.

• JSON-to-Chart - Create beautiful charts from JSON data in your browser.

• nomnoml - A tool for drawing UML diagrams based on a simple syntax.

• Sequence Diagram - An online tool / software for creating UML sequence diagrams.

Tools / Generators

• JSONGenerator - Create random JSON data

• Readme - All in one tool to quickly generate a readme for your project or github profile.

Tools / Image

• JPEG.rocks - Privacy-aware JPEG optimizer

• PicPerf - Boost web performance with image optimization. Analyze and improve <img> tags, <style> tags, and inline CSS.

• PNG-to-SVG - Free conversion from JPG or PNG images To vectorized SVG.

• SVG-to-backgroundImage - Convert your SVG files into CSS url (data URIs) by encoding it.

Tools / Performance

• Perflink - JS benchmarks

Tools / Playgrounds

• JSONCrack - Visualize CSV/JSON/TOML/XML/YAML instantly into graphs.

• Markmap - Visualize markdown as a feature-rich mindmaps.

Tools / Regex

• Regulex - JavaScript Regular Expression Visualizer.

Tools / Scripting & Copy/Paste

• crontab guru - The quick and simple editor for cron schedule expressions by Cronitor

• CSS Scan - Box Shadows - CSS, Ready to use, click to copy

• CSS Scan - Buttons - CSS, Ready to use, click to copy

• CSS Scan - Checkboxes - CSS, Ready to use, click to copy

• CSS Scan - Shapes - CSS, Ready to use, click to copy

• Devtools Tips - Copy-and-paste'able collection of useful cross-browser DevTools snippets.

Tools / Transformation

• Babel REPL - The compiler for next generation JavaScript

Tools / Presentation

• snapify - Snappify enables you to create stunning presentations, with first-class support for code snippets.

Resources / Cheat Sheets

• OWASP Cheat Sheet Series - A concise collection of high value information on specific application security topics.

Resources / Documentation

• ECMAScript Proposal Stages

Resources / Glyphs & Icons

• Icônes - Over 150,000 open source vector icons.

Resources / Validation & Parsers

• Ada URL Parser - WHATWG-compliant and fast URL parser written in modern C++, online.

Security / Test

• HSTS Preload - Check HSTS preload status and elibility.

• Mozilla Observatory - A set of tools to analyze your website and inform you if you are utilizing the many available methods to secure it.

• Security Headers by Probely - An easy to use tool designed to help you better deploy and understand modern security features that are available for your website.

• Web Check - All-in-one OSINT tool for analysing any website.

2. Citizen Science

Tools and Equipment / 3D Printing and Fabrication

• Printables - Database of 3D-printable models with contests and an active community

3. Awesome Readme

Examples

• gowebly/gowebly (⭐381) - Clean project banner with logo. Useful badges and links (languages switcher, test cover, docs). Clear description of what the project does with quickstart, understandable feature list, links to the introduction video and article, well-documented CLI command examples, project philosophy notes ("motivation to create"), tables with project components, links to addons and helpers, list of stargazers, and more.

4. Awesome Vite

Framework-agnostic Plugins / Transformers

• vite-plugin-console-line (⭐2) - Add console.log() file location and line number infomation in browser's console.

5. Web Development Resources

Website Optimization Tools:

• Website: SEOTester

6. Awesome Neovim

Search / Diagnostics

• nvimdev/hlsearch.nvim (⭐59) - Auto remove search highlight and rehighlight when using n or N.

7. Awesome Developer First

Deployment Hosting

• DeployBot - REST API to trigger deployments from GitHub, GitLab, and Bitbucket.

• Prev: Oct 11, 2023
• Next: Oct 09, 2023