フレームワーク／ツール／素材 [Webデザイン]

Bootstrap

公式サイト：

Bootstrap – The Most Popular HTML, CSS, and JS Library in the World [Official]

リポジトリ：

twbs/bootstrap: The Most Popular HTML, CSS, and JavaScript Framework for Developing Responsive, Mobile First Projects on the Web – GitHub

ドキュメント：

Documentation | Bootstrap [Official]

Material Design for Bootstrap (MDB)

参考：

Material Design for Bootstrap [Official]

リポジトリ：

mdbootstrap/mdb-ui-kit: Bootstrap 5 & Material Design 2.0 UI KIT – GitHub

mdbootstrap/bootstrap-material-design: Material Design for Bootstrap – Powerful and free UI KIT for Bootstrap 4 – GitHub

ドキュメント：

Documentation | Material Design for Bootstrap [Official]

Bootstrap Material Design (FezVrasta)

リポジトリ：

FezVrasta/bootstrap-material-design: Material design theme for Bootstrap 3 and 4 – GitHub

ドキュメント：

Documentation | Bootstrap Material Design

カラーリング

パレット

参考：

+300 Bootstrap Colors | Material Design for Bootstrap

配色ツール

参考：

Color Hex Color Codes (color-hex.com)

もう配色デザインには迷わない！すごい無料カラーパレットツール 59個まとめ | PhotoshopVIP

HSL

参考：

RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP

カラーコード変換

参考：

カラーコード変換 | Tech-Unlimited

カラーピッカー

参考：

HTML Color Picker | W3Schools

色選択ツール | MDN

素材

参考：

写真AC

イラストAC

背景／テクスチャー

参考：

Transparent Textures

プレースホルダー画像

参考：

Placehold.jp

placekitten

音源

参考：

Best Free Sites to Download Creative Commons Music | Hongkiat

まとめ

Best Freebies for Designers – Updated: 400+ Items (2022) | Hongkiat