WEB制作

• 2019.07.26

【design】WEBデザイン2019年のトレンド

2019年に流行するWebデザインの最新トレンド18個まとめ

• 流体シェイプ
• 太字でくっきりとしたタイポグラフィ
• ブロークングリッドレイアウト
• ノングリッドデザイン
• フラットデザイン2.0
• イラストを用いたデザイン
• 鮮やかなグラデーション
• 鮮やかで大胆な配色
• 柔らかいドロップシャドウ
• Fluid Interfaces
• 動画背景を使ったデザイン
• ユーザビリティ
• モバイルファースト
• ミニマルデザイン/ミニマリズム
• フラットデザイン
• マイクロインタラクション
• ローディングアニメーション

https://webdesign-trends.net/

• 2019.07.24

【css】cssアニメーションライブラリーを集めたよ

いろんな動きがあるよ

ボタンなど

CSS Animation Libraries

サンプル集

css3アニメーションのレパートリーがきっと増える！動きの参考になる22サイト

ソースメインでわかりやすい

http://www.webdesignleaves.com/pr/css/css_basic_07.html

• 2019.07.23

【design】いいフォームデザイン

任天堂の修理受付フォーム

シンプル、マージンの取り方、キーカラーの使い方などがここちよくて入力しやすい

https://secure2.nintendo.co.jp/cgi-bin/repair/entry.cgi

• 2019.07.23

【design】WEBサイトのメインビジュアルのパターン2019

WEBデザインする際の参考に

ファーストビューの見せ方

https://note.mu/ameko060/n/n2047b9d29a93?fbclid=IwAR1fpOlO5LLoJTxM9OYI-x99-UzcDa21CPfnw71A8FLIp9F5oi5QGv_8IAo

• 2019.07.19

【illustrator】紙媒体制作の入稿チェックのお作法

Illustrator デザイナーがたぶん知らない入稿チェック方法

• 2019.06.05

【js】フォームの自動住所入力をたった2行で実装！

http://www.webdesign-fan.com/ajaxzip3

• 2019.06.04

【WEB COLOR】サイトカラーのイケてる整え方

https://note.mu/tiekey/n/nf1152c5daebf

• 2019.06.04

【UI】UI改善のチェックポイント

https://note.mu/tiekey/n/n99eb01fa6a45?fbclid=IwAR0yTbJK4j8lQj_xNu-hWKCVuYNhiACB-ETzAqQXZ88p3KLs8N-bcyrWktY

1. 左右の余白は揃っているか
2. フォントの大きさは正しいか
3. LineHeightって知ってる？
4. ボーダー色は濃すぎないか
5. Drop Shadowは甘え
6. 3つ以上のセルを縦に並べるのも甘え
7. アプリ特有の配色セオリーから外れていないか
8. 黒とグレーを正しく使えているか
9. 「カタマリ」を意識できているか
10. さいごに

• 2019.05.20

【wordpress】関連記事の設定ができるプラグイン20選

https://ferret-plus.com/8592

• 2019.03.31

【wordpress】子テーマの作ってからの作業の仕方

WordPressで子テーマを作る際に知っておくべき仕組みと注意点

https://requlog.com/self-branding/wordpress/child-theme-mechanism/