Web制作に役立つ情報一覧

良質なデザインのための10の原則＆10のチェックリスト

2019/02/26(Tue) 09:54

あなたはどんなタイプのデザイナーでしょうか？　デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？　または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？

https://uxmilk.jp/77639

[CSS]フォームのselect要素の特徴を把握し、各ブラウザで一貫して美しく実装するスタイルシート -select-css

2019/02/22(Fri) 09:53

フォームをスタイルのが苦手という人も少なくないと思います。中でもselect要素はブラウザのデフォルトが非常に使いにくく、スタイルするのに知識が必要です。

https://coliss.com/articles/build-websites/operation/css/consistent-select-element-styling.html

コピペで実装できる！最新WebテクHTML/CSSコードスニペット66個まとめ

2019/02/21(Thu) 09:53

思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。

http://photoshopvip.net/114044

クリエイターが知っておきたい「著作権」とは？

2019/02/20(Wed) 09:57

現代のクリエイターが著作権の知識を身につける理由について、実際に起こったトラブルを例に解説をしていきます。

https://webtan.impress.co.jp/e/2019/02/20/31765

ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ

2019/02/19(Tue) 09:52

有名なブランドの名前を聞いたとき、ブランドに使われている色を無意識に思い浮かべることはないでしょうか。たとえば、スターバックスはみどり色と白色、Ikeaは青色と黄色、Fedexはむらさき色とオレンジ色といった具合です。

http://photoshopvip.net/113962

デザインは奥が深い！日本語・英語フォントのデザイン知識・実践テクニックを学べる良書 -ほんとに、フォント。

2019/02/19(Tue) 09:51

Webデザインでも紙のデザインでも、フォントや文字周りのデザインは奥が深いです。指摘されるまで気がつかないようなフォントや文字についてのデザイン知識、実践的なテクニックを学べるデザインの良書を紹介します。

https://coliss.com/articles/book-review/isbn10-4802612087.html

【HTML】見出しタグの使い方を解説！h1〜h6の使い分けも【SEOにも重要】

2019/02/18(Mon) 10:01

「見出しタグは6種類あるけど、どれをどこで使えばいいの？」「hタグにはSEO対策としての効果はどの程度なの？」サイトを制作していると見出しタグを使わないことの方が珍しいでしょう。

https://creive.me/archives/18726/

[CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート

2019/02/18(Mon) 10:00

フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS（Responsive Font Size）」を紹介します。Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。

https://coliss.com/articles/build-websites/operation/css/css-responisve-font-size.html

【CSS】font-familyの正しい指定方法と書き方（効かない原因やGoogle Fontsの使い方も）

2019/02/15(Fri) 09:57

「使っているデバイスによってフォントの見え方が違うが、どうにかならないか」「指定方法がよくわからず、いつもサンプルをコピペしている」こんな経験をされたことはないでしょうか?

https://creive.me/archives/18729/

【CSS】max-widthやmin-widthの使い方を徹底解説！レスポンシブ対応もバッチリ

2019/02/14(Thu) 10:35

「widthの種類はあるけど、とりあえずwidthしか使っていない。」「maxやminのwidthをいつ使えば良いのか、その状況が想定できない」こんな思いを持っていませんか?「width」の設定だけで十分ではないか、と。事実、なぜ最大値や最小値の設定が必要なのかと思うでしょう。それを設定しなければならない理由がわからない人も多いのではないでしょうか？

https://creive.me/archives/18736/