Web制作に役立つ情報一覧

【第4弾】少しのコードで実装可能な10のCSS小技集 | Webクリエイターボックス

2021/03/04(Thu) 09:54

CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！

https://www.webcreatorbox.com/tech/css-tips-4

全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs

2021/03/04(Thu) 09:53

企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。

https://coliss.com/articles/freebies/icons-design-system-glyphs.html

濁りなし！美しいグラデーションの基本ルールとCSSオンラインツール

2021/03/04(Thu) 09:52

デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。

https://photoshopvip.net/127675

あらゆるデザインで役立つ最新フリーフォント30個まとめ 2021年2月度

2021/03/02(Tue) 09:48

この記事では、デザイン制作に活用したい無料ダウンロードできる最新フリーフォントをまとめています。フォントのウェイトが充実した汎用性の高い書体から、おしゃれでかわいい英語フォントなど、あらゆる最新フォントスタイルが揃います。

https://photoshopvip.net/127628

JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック

2021/03/01(Mon) 09:58

スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/shrinking-header-on-scroll-without-javascript.html

Webサイトやスマホアプリで使用する日本語フォント、タイポグラフィに関する知識が身につくデザインの解説書

2021/02/26(Fri) 09:53

ここまで詳しく解説された書籍はかなり貴重ですね！パソコンやスマホのスクリーンで読みやすい文字組みとフォント、画像と文字の配置方法、Webフォントの効果的な使い方、アクセシビリティなど、オンスクリーンにおけるタイポグラフィを徹底的に学べるデザイン書を紹介します。

https://coliss.com/articles/book-review/isbn-9784802512077.html

商用可能！日本観光がテーマの無料ピクトグラム280個セットExperience Japan Pictogram

2021/02/25(Thu) 09:56

日本観光をテーマにした、シンプルで分かりやすいピクトグラム280個を揃えたExperience Japan Pictogramの無料公開がスタートしています。利用規約の範囲内であれば、個人利用はもちろん、商用でも無料で利用できるという太っ腹なプロジェクトとなっています。

https://photoshopvip.net/127560

これぞプロのデザイン！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ

2021/02/25(Thu) 09:55

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-one.html

2021年におすすめのフリー写真サイト12個まとめ 商用利用可

2021/02/24(Wed) 10:31

この記事では、デザインがぐっと良くなるフリー画像素材を無料ダウンロードできる、おすすめサイト12個を厳選してご紹介します。商用利用OKで著作権のクレジット表記不要のフリー画像を配布している、本当に「使える」サイトのみをまとめています。

https://photoshopvip.net/127529

こういう本を待ってた！WebやスマホのUIに使用する言葉の使い方、語順、表記が学べる -UXライティングの教科書

2021/02/19(Fri) 09:57

企業サイトをはじめ、オンラインショップ、スマホアプリ、そしてブログでも制作する上で一番重要なのはライティングだと思います。ボタンの文言は言葉を適切に選ぶだけで、クリック率は格段にアップします。また、コンテンツのライティングでユーザーエクスペリエンスは上昇し、フォームや登録画面のライティングで誤操作は減少します。

https://coliss.com/articles/book-review/isbn-9784798167336.html