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