VisBug - Chrome ウェブストア
VisBug のアイテムロゴ画像

VisBug

visbug.web.app
おすすめ
4.8(

244 件の評価

)
アイテムの動画サムネイル
アイテム メディアの 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.8244 件の評価

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

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

AlphaFold 32018/11/12

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

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

詳細

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

プライバシー

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

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

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

サポート

関連アイテム

Redux DevTools

4.6(713)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4.2(52)

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.

ビューポートリサイザー:究極のデバイスエミュレーター&ウェブサイトテストツール

4.2(272)

この最先端のテストおよびプレゼンテーションツールでデバイスをエミュレートし、画面サイズを変更し、ウェブデザインを完璧に仕上げましょう。

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(275)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(350)

Extract CSS and build beautiful styleguides.

Hoverify

4.0(137)

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

CSS Scan

3.9(74)

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

Page Ruler

3.9(75)

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

Dimensions

4.1(453)

A tool for designers to measure screen dimensions

daily.dev | The homepage developers deserve

4.9(2250)

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

Redux DevTools

4.6(713)

Redux DevTools for debugging application's state changes.

Web Developer Checklist

4.2(52)

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.

ビューポートリサイザー:究極のデバイスエミュレーター&ウェブサイトテストツール

4.2(272)

この最先端のテストおよびプレゼンテーションツールでデバイスをエミュレートし、画面サイズを変更し、ウェブデザインを完璧に仕上げましょう。

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Responsive Viewer

4.3(275)

Show multiple screens once, Responsive design tester

CSS Peeper

4.6(350)

Extract CSS and build beautiful styleguides.

Hoverify

4.0(137)

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

Google アプリ