2021年11月12日(金曜日)
■概要
HTML,CSSのコーディングを、簡単にしたり
急ぎの際に時短できる便利な制作ツールの紹介
■制作ツール紹介
★テーブルやボタンなど
ビジュアルをみながら簡単な操作で作り、ソースをコピーして使える
・テーブル
https://tabletag.net/ja/
・三角形
http://apps.eky.hk/css-triangle-generator/ja
・ストライプ
https://css-stripe-generator.firebaseapp.com/
・ボタン/ボックスシャドウ
http://www.bad-company.jp/box-shadow/
★フリーアイコン
https://icon-icons.com/ja/
★CSSからSass(SADS,SCSS)へ変換
http://css2sass.herokuapp.com/
★擬似要素タグbeforeとafterのcontentで使える特殊文字コード表
https://www.oikawa-sekkei.com/web/design/css/content.html
★WordPress検知サイト
https://wpdetector.com/ja/
★chrome拡張機能
・色彩識別ツール
https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg
・デザインとブラウザの比較ツール
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
・機能検知ツール
https://chrome.google.com/webstore/detail/wappalyzer/
gppongmhjkpfnbhagpmjfkannfbllamg?hl=ja
HTML,CSSのコーディングを、簡単にしたり
急ぎの際に時短できる便利な制作ツールの紹介
■制作ツール紹介
★テーブルやボタンなど
ビジュアルをみながら簡単な操作で作り、ソースをコピーして使える
・テーブル
https://tabletag.net/ja/
・三角形
http://apps.eky.hk/css-triangle-generator/ja
・ストライプ
https://css-stripe-generator.firebaseapp.com/
・ボタン/ボックスシャドウ
http://www.bad-company.jp/box-shadow/
★フリーアイコン
https://icon-icons.com/ja/
★CSSからSass(SADS,SCSS)へ変換
http://css2sass.herokuapp.com/
★擬似要素タグbeforeとafterのcontentで使える特殊文字コード表
https://www.oikawa-sekkei.com/web/design/css/content.html
★WordPress検知サイト
https://wpdetector.com/ja/
★chrome拡張機能
・色彩識別ツール
https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg
・デザインとブラウザの比較ツール
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
・機能検知ツール
https://chrome.google.com/webstore/detail/wappalyzer/
gppongmhjkpfnbhagpmjfkannfbllamg?hl=ja