XDでデザイン→レスポンシブサイトの作成をするにあたり役に立つ情報、サイト等覚書
元デザイナーのweb制作者です。
制作中に役に立ったことを覚書として書いています。
便利なサイトが多くて助かってます。ありがたいです！
##CSSのみで要素を変形させたい
https://bennettfeely.com/clippy/
歪んだ台形を作りたくて利用したサイト。
頂点を直感的に動かし、生成されたCSSをコピペできる
星型や矢印など、もともと整った形も多く揃っている
サイト上で大きさの変更もできて便利
##CSSのみでデザイン的な枠を作る
https://saruwakakun.com/html-css/reference/box
##CSSでグラデーションを作成する
http://grad3.ecoloniq.jp/
グラデーションボタンの参考
今回は使わなかったけど…
Udemyの動画だと自分で色の調整ができていたのに、ボタンの表示だけ？なので要確認（自分メモ）
##ブレイクポイント参考
https://hashimotosan.hatenablog.jp/entry/2019/05/28/164834
##タグ、クラス名、画像等の命名規則参考
https://html-coding.co.jp/knowhow/tips/naming-rule/
##画像を使って、大きさ可変の枠
https://blog.maromaro.co.jp/archives/2834
文章を入れる枠の背景を画像にし、かつ文章や画面幅によって大きさが変わる枠を作成したい時
他順次追加予定