Web制作に役立つ情報一覧

Webページの画像が重過ぎないか、いい感じにチェックする仕組みを作ってみた

2016/09/28(Wed) 10:00

既存の画像をもとに、画像の面積（総ピクセル数）から「いい感じ」のファイルサイズを求める式をつくりました

http://web-tan.forum.impressrd.jp/e/2016/09/27/23905

どこか神秘的！靄に包まれた森の奥深くを撮影したミステリアスな写真素材 -Mysterious Forest

2016/09/28(Wed) 09:59

Web・アプリ・紙・プロダクトなどの商用でも利用できる怪しい雰囲気の神秘的な森を撮影した写真素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/mysterious-forest-photos.html

CSS3の便利なセレクタをおさらい、「:nth-child()」と「:nth-of-type()」疑似クラスの使い方

2016/09/28(Wed) 09:58

「:nth-child()」と「:nth-of-type()」セレクタは、他の単純なセレクタでは表現できないドキュメントツリー内の情報に基づいて要素を選択することを可能にする構造的な擬似クラスです。

http://coliss.com/articles/build-websites/operation/css/nth-child-vs-nth-of-type.html

大型化するスマホに対応する時に確認したい「親指ゾーンマップ」

2016/09/27(Tue) 10:14

親指のためのデザインとは、親指が自然な動きで弧を描く動作で使えるように、最適な形でインターフェイスを構築することです。しかしこれは非常に複雑な問題です。私たちは画面上の至るところに点在するUI要素に触れようと、様々なスマホの持ち方を無意識に試しています。

http://uxmilk.jp/53903

これからのUXデザインにおけるモーションデザインの重要性

2016/09/27(Tue) 10:14

モーションデザインとは空間の関係性や、機能性、あるいは意図を美しく流動的に説明する際に使われます。「モーション」というと大げさに聞こえるかもしれませんが、効果的に使用したものはさりげなく自然なものです。

http://uxmilk.jp/50332

すぐに使える！UIデザインで効果的なカラースキームをまとめたスウォッチ素材 -Open Color

2016/09/27(Tue) 10:13

UIデザインで使う、フォント、背景、ボーダー、ボタンなどのカラーを効果的にするグレーと基本の12色から展開されたカラースキームを紹介します。

http://coliss.com/articles/build-websites/operation/design/color-scheme-for-ui-design.html

５つのデザインコンセプトから学ぶマテリアルデザイン

2016/09/26(Mon) 10:35

マテリアルデザインは、Googleが提唱するメタファーに基づいたデザイン手法ですが、多くのアプリに適用されだしています。

http://uxmilk.jp/50958

CSSの単位（em, rem）を使った、これから取り入れていきたい実装テクニックのまとめ

2016/09/26(Mon) 10:35

CSSの相対的な単位（em, rem）を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/resizeable-components-with-relative-units.html

Penguin が Google のコア アルゴリズムの一部になりました

2016/09/26(Mon) 10:34

Google のアルゴリズムは、ユーザーが検索したいものを特定できる 200 以上の固有のシグナル（手がかり）に基づいています。このようなシグナルには、たとえば、ウェブサイト上の特定の単語、コンテンツの鮮度

https://webmaster-ja.googleblog.com/2016/09/penguin-is-now-part-of-our-core.html

文章力を向上させたい初心者の方へ。現役ライターのおすすめ本7冊

2016/09/26(Mon) 10:33

文章を書くのは得意ですか？昔から得意という方もいますが、苦手な方にとっては、小学生のころの作文なんかは苦しい時間だったかもしれません。

http://www.kiyoichi-t.com/entry/writing.book