Web制作に役立つ情報一覧

ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレンド5個まとめ

2017/08/29(Tue) 09:49

はじめにハンバーガーメニューが登場したとき、デザイン業界の反応はさまざまでした。そこから数年が経ったいま、この単純な図形は、インターネットの世界に浸透しています。

http://photoshopvip.net/103992

文字サイズが小さくても、くっきり綺麗に表示されるようデザインされたフリーフォント -Interface font family

2017/08/28(Mon) 09:52

パソコンやスマホのモニターで、文字サイズが小さくてもくっきり美しく、綺麗に表示されるようデザインされたフリーフォントを紹介します。

http://coliss.com/articles/build-websites/operation/design/excellent-legibility-at-small-sizes-interface-font.html

flexboxもこれで完璧にマスター！HTMLとCSSの最新の知識とテクニックが詳しくまとめられたオススメの本

2017/08/25(Fri) 09:46

レイアウトはflexboxが標準になり、HTML5.1でsection要素や見出しの使い方が変更され、Web制作の現場で新しい知識の必要性が求められています。多様化するWebページを実装する最新の知識とテクニックが詳しくまとめられたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-483996369x.html

[CSS]悩む人も多い、要素を内包するラッパーの最適な実装テクニック

2017/08/24(Thu) 09:46

HTMLで最初に書かれている要素が、他のすべてを包み込む要素であるということは少なくありません。これはラッパーと呼ばれるもので、多くの人が使用していると思います。

http://coliss.com/articles/build-websites/operation/css/best-way-to-implement-wrapper.html

WebデザインにおけるZ字型レイアウトの活用方法

2017/08/23(Wed) 10:16

あなたが書いた文章をすべてのユーザーが楽しみながら読んでいると想像するのは簡単です。しかし、現実を見てください。ユーザーはそんなことはしません。ただ斜め読みをするだけです。

http://uxmilk.jp/66543

「続きを読む」を押さないと読めない「隠しテキスト」は、グーグルSEOでどう扱われているのか！？

2017/08/22(Tue) 09:51

「続きを読む」に隠された記事本文、タブに隠れているレビュー投稿、最初は非表示の詳細情報……グーグルは、こうした「隠しテキスト」をどう扱っているのか？

http://web-tan.forum.impressrd.jp/e/2017/08/21/26523

わかりやすい文章の10大原則（第2回）

2017/08/18(Fri) 09:53

「Web文章入門」第2回は「わかりやすい文章の10大原則」。論旨を明確に伝えること、ストレスを感じさせないことが、わかりやすい文章のポイントです。

http://web-tan.forum.impressrd.jp/e/2017/08/18/26274

Webデザインにおけるスクローリングの新しいルール

2017/08/18(Fri) 09:53

かつてWebデザインでタブーとされていたものが、近年もっとも人気がある手法の１つとして完全復活しました。ユーザーはスクロールが必要なサイトを好み、評価するようになったのです。

http://uxmilk.jp/66894

こんなにも違う！同じ被写体なのに、アマチュアとプロのカメラマンでどのように違って写真が撮影されるのか

2017/08/17(Thu) 09:56

何気ない日常の中でも、別の視点から見ることで、印象が変わります。同じ被写体をアマチュアとプロのカメラマンで、どのように違って写真が撮影されるのか、印象的な写真を撮る秘訣を紹介します。

http://coliss.com/articles/build-websites/operation/design/photographer-amateur-vs-pro.html

文字や写真、背景や飾りをかわいくキラキラに仕上げる！ラメやスパンコールのような珍しいデザイン素材

2017/08/16(Wed) 09:52

文字や写真に、そして背景や飾りに、簡単に利用できるキラキラのパターンとテクスチャが揃った、珍しいデザイン素材を紹介します。

http://coliss.com/articles/freebies/glitter-textures-and-patterns-by-wingsart.html