Skip to content

raypatterson/devtools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 

Repository files navigation

Dev Tools

Local Servers

Static Files

  • HTTP Server - A simple zero-configuration command-line http server.
  • Live Server - A simple development http server with live reload capability.
  • Hotel - Start apps from your browser and get local domains without editing /etc/hosts.

Node Apps

  • Nodemon - Monitor for any changes in your node.js application and automatically restart the server perfect for development.
  • PM2 - Production process manager for Node.js apps with a built-in load balancer.
  • Ngrok - Introspected tunnels to localhost.

Remote Hosting

  • Surge - Static web publishing for Front-End Developers
  • Stout - It takes a website and uploads it to S3 in a more reliable way than other tools
  • Netlify - Netlify builds, deploys and hosts your front-end
  • Now - Realtime node.js deployments

Logging

  • Minilog - Lightweight client & server-side logging with Stream-API backends.

Control Flow

  • Vo - Minimalist, yet complete control flow library.

Linting

  • XO - Happiness JavaScript linter.
  • Stylelint - A mighty, modern CSS linter.

Testing

Building a CLI

Packaging

Ajax

Build Scripts

Data

?

Extensions

Analysis

  • Accessibility Developer Tools - Accessibility audit and element properties.
  • AWRStudyr - AWRStudyr is a Chrome extension that offers powerful SEO & web technologies insights each time you open a new web page
  • Color Contrast Analyzer - Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements
  • CSS Dig - Collect and analyze CSS
  • Perfmap - Heatmap of resources loaded in the browser using the Resource Timing API
  • Performance-Analyser - Get insight into the performance of the website in the current tab
  • SPOF-O-Matic - Detects likely third-party single points of failure as you browse and allows you to Simulate 3rd party resources being unavailable

Debug

  • 45to75 - Character counter for helping to optimize line length (measure) between 45 and 75 characters
  • ColorPick Eyedropper - An eye-dropper & color-picker tool that allows you to select color values from webpages
  • Dimensions - A tool for designers to measure screen dimensions
  • DomFlags - Create keyboard shortcuts to DOM elements for a faster devtools workflow
  • Deb.js - The tiniest debugger in the world
  • Injector - Runs your custom code snippets on any website
  • JavaScript Breakpoint Collection - Find code that is responsible for page behavior
  • Page Ruler - Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page
  • PerfectPixel - Put a semi-transparent image overlay over the top of the developed HTML and perform per pixel comparison between them
  • Web Developer - Adds a toolbar button with various web developer tools
  • WhatFont - The easiest way to identify fonts on web pages

GitHub

Awesome browser extensions for GitHub

  • Github +1s - Shows you the counts and avatars of those noisy '+1' comments and hides the original comments
  • Github Markdown Outline Extension - Displays a clickable outline of all topic headers for markdown documents on Github
  • GitHub Similar Repositories - Discover & upvote similar git repos on GitHub
  • GitHub Stars Tagger - Add your own tags to the repositories you have starred directly on GitHub
  • Gitter Helper for GitHub - This extension makes it easy to see if a GitHub project has a Gitter room
  • Lovely forks - Show notable forks of Github projects
  • npm-hub - Explore npm dependencies on GitHub repos
  • Octo Mate - Missing mate of GitHub, making single file download effortless and with more features
  • Octo Preview - Live preview for markdown comments in PRs/Issues on GitHub
  • OctoLinker - Makes source file dependencies navigable in GitHub
  • Octotree - Code tree for GitHub and GitLab
  • Refined GitHub - Simplifies the GitHub interface and adds useful features

Integrations

Productivity

  • Emmet LiveStyle - The first bi-directional real-time edit tool for CSS, LESS and SCSS
  • Emmet Re:view - Fast and easy way to test your responsive design in multiple viewports
  • Fireshot - Capture FULL webpage screenshots, edit and save them to PDF/JPEG/GIF/PNG/BMP; upload, print, send to Photoshop, clipboard or email
  • JSONView - Validate and view JSON documents
  • Pretty Beautiful Javascript - Automatically makes Javascript files pretty and beautiful
  • W3Schools Hider - Hides W3Schools (and other) results from Google™ Searches
  • Yet Another Lorem Ipsum Generator - Versatile Lorem Ipsum Generator that inserts various types of blind text directly into websites or copies it to the clipboard

About

A list of tools.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published