GajumaleRecruit Site

ニュース

イベントや勉強会の様子をお伝えしています。
ガジュマルの雰囲気を、是非感じてみてください。

アウトプット
製作・CSS関連
ツール関連

勉強会・アウトプット「制作ツール(HTML,CSS)の紹介」

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
一覧へ戻る