スタイルなどの装飾
ボタンのホバーアニメ。
バリエーションが豊富です。デザインのヒントに
【保存版】CSSだけで作れるホバーアニメーションボタン総まとめ
見た目で調節したらプレフィックスまで書いてくれる。
border-radiusはもういらないんだっけ。
角丸とシャドウのジェネレーター
よく使うグラデーションはこれで。
グラデーションジェネレーター
cssで三角作りたい時に
CSS三角形作成ツール
吹き出しとか
css矢印ジェネレーター
簡単なタブ切り替え機能
CSSやjsを使った簡単なタブ切り替え機能の実装
デザインの参考になるサイト
サイト全体のデザインの参考になります。
81-web.com/
縦長サイトのデザイン。
キレイなサイトがたくさんある
muuuuu.org/縦長サイトのデザイン
バナーデザイン、迷ったらこの辺りがおすすめ
retrobanner
banner design archive
ランディングページも色々。めっちゃ参考になる
webdesignclip
あとは、Pinterest!
バナーとか、いろんなデザインとかクオリティ高いのが山程出てきます。関連で出てくるやつもいい感じです。
Pinterest
その他
よく使うflexbox。
flexの使い方に迷ったらここ。基本がしっかり分かる。
display:gridもかなり自由度高く便利だけど、対応ブラウザ少ないからまだ実務では使いにくい。
flexboxの使い方
意外と知らないcssのセレクタ。
便利な使い方がいっぱいある
【CSS】実はこんなに便利！cssのセレクタ指定方法をちょっとだけ掘り起こしてみた
エクセルのテーブルをhtmlに変換したい時
余計なタグが入るのはちょっと嫌なんですが、今のところはここが好きです
最後に置換などで余計なタグは消して使います。
ExcelからHTMLテーブル変換
