2022年11月23日(水)
カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」
SuperDev
SuperDevは開発に役立つ様々なツールを任意のWebページで実行できるオープンソースのChromeエクステンションです。任意のテキストの編集、カラーピッカー、Webページで設定されているカラーの一覧、ガイド表示、ハイライト、任意の要素の移動や消去、任意の要素のHTMLとCSSを抽出してCodepenで実行、キャッシュクリアなど10のツールが用意されており、全てその場で利用可能です。
各ツールは設定項目があり、例えばカラーツールなどはRGBやHexかを選択出来たり、キャッシュクリアはcookieやLocalStorage、フォームデータのクリアなども対応可能となっています。
また、OSSとしてGithubにソースコードも公開されているので日本語にしたり機能を追加するなども可能です。実際使った感想はなかなか便利そうでした。このまま使おうかと思います。尚、現在プロ版も捜索中の様で更に便利な...
0
2
1
5
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
関連記事
Chrome 128で新しく追加された4つのCSSの機能、ルビのレイアウト強化、optionの推奨最小サイズなど
素材管理アプリEagleが、便利すぎる！ ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく
ブラウザで表示できる様々な数式をキャプチャしてその場でAIが回答し、解説もしてくれるブラウザ拡張・「Math AI」
Google製のSquooshが提供するエンコーダーを使用し、任意の画像を複数まとめて一括圧縮できるオープンソースのWebアプリ・「Squash」
ページ内で任意のスクロール位置を記憶し、メモも取れるOSSのブラウザ拡張・「Mark Scroll Positions」
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『カラーピッカーやルーラー、テキスト編集や要素の移動や削除、コード抽出などを任意のWebページで実行できるOSSの開発者向けブラウザ拡張・「SuperDev」』についてまとめています。
この記事は特にGoogle・Chromeについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads
