見出し画像

サイトデザインで使えるアイコン/ロゴ/CSS/JavaScriptまとめ

yuinami

本稿は、私が自主制作をする際にサイトデザインとして利用しているサイトをまとめています。
あくまでも、私の制作スピードを上げるためが目的でまとめているだけですので、読みづらい箇所などあると思います。予めご了承ください。


■Icon（アイコン）

・Icon Box

Font Awesomeのようなアイコンがあります。

・カクレノ

・Icon8.jp

ソーシャルネットワークサービスのロゴなどがあります。

・フリー素材 ブログ


■公式ロゴ

・（公式）X 旧Twitter


■CSS

・Font Awesome｜公式

・Font Awesome｜簡易テンプレ

・Font Awesome｜アニメーション設定

・（RPKで使用）Bootstrapを使ったログイン画面

・（RPKで使用）WebチャットUIの作り方

・（RPKで使用）ツールチップ　デザイン5選

・（RPKで使用）お知らせマークや未読件数をつける方法


・【Bootstrap4】カラーコード一覧

text-infoなどのカラーコード。


■HTML

・罫線 縦横棒


■イラスト

・Adobe Stock

・素材ラボ

・shutterstock


■JavaScript

・特定のwindowサイズ変更時にJavaScriptでcssのクラス名を切り替える

・DIVのスクロールをJavaScriptから操作する

・テキストエリア(textarea)の高さを自動にする

https://webparts.cman.jp/input/textarea/


■Twitterカード

・作り方

・pixlr

モザイクを入れたり半透明にしたりできるサイト。


■サイトマップ生成サイト

・xml-sitemaps


■生成AI

・DreamStudio


■レスポンシブ対応確認

・Responsinator


この記事が気に入ったらサポートをしてみませんか？