I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German

VisBug – Hover inspect in the browser

26. February 2019




VisBug – Hover inspect in the browser

Visbug is an amazing new browser extension that allows you to do a visual inspection of your website in development.

What they have to say about their tool and capabilities

  • Point, click & tinker
  • Edit or style any page, in any state, like it’s an artboard
  • Hover inspect styles, accessibility and alignment
  • Nitpick layouts & content, in the real end environment, at any device size
  • Leverage adobe/sketch skills
  • Edit any text, replace any image (hi there copywriters, ux writers, pms)
  • Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
  • Design while simulating latency, i18n, media queries, platform constraints, CPUs, screensize, etc
  • Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
  • No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea

For Designers & Content Creators

A really nice tool for designers & content creators, helping them to optimize the look and feel of a website.

The extension is currently available for Chrome, but a Firefox Addon is in development.

Github
Chrome Extension




Related Content

portalZINE NMN | Development meets Creativity | node js
Zombie.js = Insanely fast, headless full-stack testing using Node.js

Zombie.js is a lightweight framework for testing client-side JavaScript code in a simulated environment. No browser required. const Browser = require('zombie'); // We're going to make requests to http://example.com/signup // Which will be routed to our test server localhost:3000 Browser.localhost('example.com', 3000); describe('User visits signup page', function() { const browser = new Browser(); before(function(done) { browser.visit('/signup', […]

portalZINE NMN | Development meets Creativity | cubicfusion admin enhancer 2020 1
Using Web RTC in your web application

IN A PERFECT WORLD In a perfect world all current browsers would allow the usage of WebRTC natively, but that is as always not the case ;) WHAT IS WEBRTC ? “WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, […]

portalZINE NMN | Development meets Creativity | font observer i promise
Options to detect when a @font-face has been loaded

What is a @font-face? @font-face is a CSS at-rule used to define custom fonts for use on web pages. It allows web designers and developers to specify downloadable fonts that can be used to render text on their websites, regardless of whether the font is installed on the user’s device. What is the FOUT, FOIT […]

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments


team_alex

Alexander Gräf

Portfolio

Book Me

Get in touch

Live Chat

Alexander

I am a full-stack developer. My expertise include:

  • Server, Network and Hosting Environments
  • Data Modeling / Import / Export
  • Business Logic
  • API Layer / Action layer / MVC
  • User Interfaces
  • User Experience
  • Understand what the customer and the business needs

 

I love programming,  design and know my way around server architecture as well.  I would never feel complete, with one of these missing.

I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest.

Apart from that, I am a peace loving guy who tries to have people around him that think the same.  I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Services
Previous Next