Web制作に役立つ情報一覧

こいつ、動くぞ！ 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons

2021/11/11(Thu) 08:56

1,500種類以上のアイコンが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。オープンソースで個人でも商用でも無料で利用できます。また、SVGアイコンとアイコンフォントで利用できるので、サイズやカラーの変更はCSSでできます。アイコンはリスト、固定幅、アニメーションにも対応しており、かなり便利だと思います。

https://coliss.com/articles/build-websites/operation/work/high-quality-svg-icons-boxicons.html

みんなに優しいデザインを届けよう。Webアクセシビリティ・ガイドラインとチェックリスト。プレゼン資料

2021/11/09(Tue) 08:58

Webアクセシビリティとは、障害を持つ人々がWebを使用できることを意味します。覚えておきたいことは、世界中で13億人（5人に1人）が何らかの障害を抱えて生活しているということです。

https://note.com/papertrumpets/n/n3eddb823627a

デザインで何を足して、何を引けばよいのか、デザインの足し算ポイントと引き算ポイントを解説したデザイン書

2021/11/08(Mon) 08:55

デザインにも、足し算と引き算があります。足し算のデザインは物足りない時や寂しい時、引き算のデザインは盛りすぎた時や余白が少ない時、だけではありません。さまざまなデザインの実例を取りあげ、足し算ポイントと引き算ポイントを解説したデザイン書を紹介します。

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

CSSの数学関数min()、max()、clamp()の基本的な使い方

2021/11/05(Fri) 08:55

IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/three-logical-css-functions-min-max-clamp.html

ロゴはこうして出来ました

2021/11/03(Wed) 08:54

はてなでは、20周年を機に企業ロゴのリニューアルを行いました。ロゴマークのコンセプトなど、表現上の意図についてはプレスリリースで触れられているので、ここでは制作面にフォーカスして、ロゴマークのデザインをご紹介したいと思います。

https://design.hatenastaff.com/entry/2021/11/01/151330

コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font

2021/11/02(Tue) 09:12

コーディングに使用するフォントを何にするかは、非常に重要です。コードを記述、読み取る、修正・変更するなど、デベロッパーは多くの時間を費やします。コーディング用のたくさんのフォントから、自分にとって読み書きに適した一番のフォントを見つけることができるオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/coding-font.html

シンプルで軽量！ 新しいCSSリセット「The New CSS Reset」を作成したElad Shechterにインタビュー

2021/11/02(Tue) 09:11

CSSリセットの考え方や現在の扱い方、新しいプロパティや値の使い方・注意点、CSSの記述方法、box-sizingやlist-sytleのスタイル、また先日紹介したカスケードレイヤーについてなど、興味深いことばかりです。

https://coliss.com/articles/build-websites/operation/css/interview-with-elad-shechter-on-the-new-css-reset.html

CSSボタン500個超！コピペで簡単にボタンを生成できる便利サービスまとめ

2021/10/28(Thu) 09:12

Webサイトにおける「ボタン」は、使いやすさと分かりやすさが重要です。このバランスがなかなか悩みどころで、いつも同じスタイルのボタンを色を変えて再利用、なんてことも。

https://photoshopvip.net/131794

よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ

2021/10/28(Thu) 09:11

この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの？」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。

https://photoshopvip.net/131693

Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書

2021/10/25(Mon) 08:54

企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。

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