2020年10月24日(土)

マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」

• 0
• 2
• 2
• 4

CSS Spider

CSS Spiderはマウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張です。

起動するとマウスホバーで要素のCSSを自動解析し、その場にclassやID名、フォント、要素の長さと設定されているスタイルを表示してくれます。

表示されたポップアップからはCodopenにそのCSSコードを送ったりコピーする事が出来ます。コピーは押しても何の反応もありませんが、クリップボードにはコピーされてました。

Ads

author:

かちびと.net

http://kachibito.net

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

Google Meet（グーグルミート）とは？基本的な機能やメリット・デメリットを解説

         

NEXT ›

               

マーケティングにおけるCROとは？【サイトを最適化しコンバージョン率を高める】

関連記事

• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• Kindle本のプライムデー特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です
• Kindle GWセール（後半）は5/9まで！ デザイン書・Web制作の解説書・イラスト関連の良書が、半額以下でお買い得です
• 【オウンドメディア失敗の解剖学】やりがち14の敗因と回避ポイント
• 2024年のCSSの書き方、ワークフローとツールについて

Ads

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」』についてまとめています。

この記事は特にレスポンシブ・フォント・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。