VisBug için öğe logo resmi

VisBug

visbug.web.app
Öne çıkanlar
4,8(

252 puan

)
Öğe video küçük resmi
Medya öğesi: 2 ekran görüntüsü

Genel bakış

Open source browser design tools

Open source web design debug tools built with JavaScript: a FireBug for designers. - Point, click, move, resize & tinker - Edit or style any page, in any state, like it's an artboard - Inspect styles, spacing, distance, accessibility and alignment - Nitpick layouts & content, in the real end environment, at any device size - Leverage adobe/sketch skills - Edit text, replace images - Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities - Design while DevTools simulates 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 Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**

5 üzerinden 4,8252 puan

Yorumlar Google tarafından doğrulanmaz. Sonuçlar ve yorumlar hakkında daha fazla bilgi edinin.

Ayrıntılar

  • Sürüm
    0.4.10
  • Güncellenme tarihi:
    20 Kasım 2024
  • Boyut
    5.38MiB
  • Diller
    English
  • Geliştirici
    Web sitesi
    E-posta
    argyle@google.com
  • Tacir olmayan
    Bu yayıncı kendisini tacir olarak tanımlamamış. Avrupa Birliği'ndeki tüketiciler açısından bakıldığında, bu geliştiriciyle yapmış olduğunuz sözleşmelerde tüketici haklarının geçerli olmadığını lütfen unutmayın.

Gizlilik

Geliştirici, verilerinizi toplamayacağını ve kullanmayacağını beyan etti.

Bu geliştirici, verilerinizle ilgili olarak aşağıdakileri beyan eder:

  • Onaylanan kullanım alanları dışında üçüncü taraflara satılmaz
  • Öğenin temel işleviyle alakasız amaçlar için kullanılmaz ya da aktarılmaz
  • Kredibilitenin belirlenmesi veya borç verme amaçlarıyla kullanılmaz ya da aktarılmaz

Destek

Benzer

Redux DevTools

4,6(726)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(54)

Analyses any web page for violations of best practices

Motion DevTools

4,5(8)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer: Nihai Cihaz Emülatörü ve Web Sitesi Test Aracı

4,2(277)

Cihazları emüle edin, ekran boyutlarını yeniden boyutlandırın ve bu ileri düzey test ve sunum aracıyla web tasarımınızı…

HTML to Figma - by Builder.io

4,3(46)

Import a web page to Figma layers

Responsive Viewer

4,3(298)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(363)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(145)

All-in-one browser extension to improve your web dev experience.

CSS Scan

3,8(84)

Hızlıca CSS özelliklerini incele ve kopyala

Page Ruler

3,9(83)

Measure page elements size in pixel with an easy-to-use ruler.

Dimensions

4,1(454)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4,8(2,5 B)

Get one personalized feed for all the knowledge you need as a developer.

Redux DevTools

4,6(726)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4,2(54)

Analyses any web page for violations of best practices

Motion DevTools

4,5(8)

Inspect, edit and export animations made with CSS and Motion One.

Viewport Resizer: Nihai Cihaz Emülatörü ve Web Sitesi Test Aracı

4,2(277)

Cihazları emüle edin, ekran boyutlarını yeniden boyutlandırın ve bu ileri düzey test ve sunum aracıyla web tasarımınızı…

HTML to Figma - by Builder.io

4,3(46)

Import a web page to Figma layers

Responsive Viewer

4,3(298)

Show multiple screens once, Responsive design tester

CSS Peeper

4,6(363)

Extract CSS and build beautiful styleguides.

Hoverify

4,1(145)

All-in-one browser extension to improve your web dev experience.

Google uygulamaları