VisBug
VisBug のアイテムロゴ画像

VisBug

visbug.web.app
おすすめ
4.8(

232 件の評価

)
アイテムの動画サムネイル
アイテム メディアの 2 スクリーンショット

概要

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 点満点で 4.8232 件の評価

Google ではレビューを確認していません。 結果とレビューについて、詳しくはこちらをご覧ください。

レビューのプロフィール写真

AlphaFold 32018/11/12

めっちゃ簡単にWebデザインができる!超便利!

2 人中 1 人が役に立ったと評価しました

詳細

  • バージョン
    0.4.3
  • 更新:
    2024年4月27日
  • サイズ
    5.38MiB
  • 言語
    English
  • デベロッパー
    ウェブサイト
    メール
    argyle@google.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

サポート

関連アイテム

daily.dev | The homepage developers deserve

4.9(2139)

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

Redux DevTools

4.6(702)

Redux DevTools for debugging application's state changes.

Motion DevTools

4.4(7)

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

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.5(244)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(132)

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

CSS Scan

3.8(67)

簡単でスピーディにCSSを検証&コピーできるツール.

Page Ruler

3.9(69)

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

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4.9(2139)

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

Redux DevTools

4.6(702)

Redux DevTools for debugging application's state changes.

Motion DevTools

4.4(7)

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

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.5(244)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(348)

Extract CSS and build beautiful styleguides.

Hoverify

4.1(132)

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

Google アプリ