PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

8 Chrome Extensions for developers in 2021

8 Chrome Extensions for developers in 2021

Extensions List-

  1. Amino: Live Css Editor
  2. What Font - Find Font
  3. Mobile simulator
  4. Wappalyzer
  5. Page Ruler Redux
  6. Css Peeper
  7. Json Viewer
  8. Ghostery

Amino: Live CSS Editor

screenshto1.png let you write custom CSS for any website and you can see your changes in real time.

Features:

  • Free cloud storage
  • Syntax highlighting
  • SCSS/Sass support
  • Autosave/Live editing mode
  • Automatic indenting and outdenting

What Font - find font

screenshto2.png What Font allows you to know the font name, its family, color, style, size, position.

As simple as just hovering the cursor to any word you want to fully inspect web fonts. Take the info about font name and color, style and position and more. Make up on the web page easily with What Font for quick inspecting web fonts.

Mobile simulator

screenshto3.png Mobile Simulator gives you ability to test mobile responsive websites with several models.

The aim of this extension is to allow you to test easily in a realistic context to keep a mobile first mindset. It is also possible to take a screenshot of the smartphone in transparent PNG to insert it in an email, presentation slides, etc.

Wappalyzer

screenshto7.png Wappalyzer is a technology profiler that shows you what websites are built with. Find out what CMS a website is using, as well as any framework, ecommerce platform, JavaScript libraries and many more.

Wappalyzer is more than a CMS detector or framework detector: it uncovers more than a thousand technologies in dozens of categories such as programming languages, analytics, marketing tools, payment processors, CRM, CDN and others.

Page Ruler Redux

screenshto4.png Page Ruler Redux is a core web developer and designer tool, that allows you to get pixel perfect measurements of web elements for website front-end development, web design or any task you may need to get perfect pixel measurements of any web elements. 📏

Features

  • Create a ruler to get perfect pixel measurements of web elements.
  • Resize the ruler by dragging by mouse or arrow keys.
  • Designer guides from the ruler edges for perfect positioning.
  • Element mode to get and track perfect measurements of HTML elements from the website.
  • Adjustable color for perfect contrast on dark and light websites.
  • 100% free forever.

CSS Peeper

screenshto5.png CSS Peeper is a CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.

JSON Viewer

screenshto6.png JSON viewer beautify you json data on chrome. It is a Chrome extension for printing JSON and JSONP.

Features

  • Syntax highlighting
  • 27 built-in themes
  • Collapsible nodes
  • Inspect your json typing "json" in the console
  • Option to show line numbers
  • Option to sort json by key and much more...

Ghostery – Privacy Ad Blocker

screenshto8.png Ghostery is a powerful privacy extension. Block ads, stop trackers and speed up websites

Ghostery’s built-in ad blocker removes advertisements from a webpage to eliminate clutter so you can focus on the content you want. Ghostery allows you to view and block trackers on websites you browse to control who collects your data. Enhanced Anti Tracking also anonymizes your data to further protect your privacy.Ghostery’s Smart Blocking feature speeds up page loads and optimizes page performance by automatically blocking and unblocking trackers to meet page quality criteria.

Let me know in the comment section if its valuable for you 😊

find me on Instagram Twitter

Comments (0)

loading comments