サイトのパフォーマンス改善で重要なクリティカル レンダリング パスについて

ブラウザがページを表示する際にサーバーからHTMLのレスポンスを受け取ると、スクリーンにピクセルが描画されるまでに多くのステップが必要になります。ブラウザがページの最初のペイントを実行するために必要とするこのシーケンスは「クリティカル レンダリング パス(Critical Rendering Path)」と呼ばれます。

クリティカル レンダリング パスを理解することで、サイトのパフォーマンスを改善するのに役立ちます。

クリティカル レンダリング パスについて

Understanding the Critical Rendering Path

続きを読む

フリーフォントとは思えないほどかっこいい!ミニマルにデザインされたPhotoshopとIllustrator用のロゴ素材

フリーフォントを使用して、タイポグラフィといくつかの形を組み合わせてデザインされたミニマルなロゴを作成するテンプレート素材を紹介します。

ロゴ素材のキャプチャ

続きを読む

電子書籍版デザイニングWebアクセシビリティの無料版がかなりのボリュームでびっくり!

以前紹介した「デザイニングWebアクセシビリティ」の電子書籍版が、ようやくリリースされました!
そのリリースを記念して無料版が公開されているのですが、これがかなりのボリュームとなっており、Web制作に携わる人はこの機会に読んでおくことをお勧めします。

電子書籍のキャプチャ

電子書籍版デザイニングWebアクセシビリティ

続きを読む

Webでも紙でも商用利用OK!10万円分のフォントとグラフィック素材、お好きなセットをプレゼント

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォントとグラフィック素材のお好きなセットをコリスのビジター限定にプレゼントします。

有料フォントとグラフィック素材をプレゼント

続きを読む

プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ

カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。
プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用いています。

カラーのコントラスト、類似性、使用比率で、フォーカスポイントを作成したり、階層をつくりだすこともできます。最近のWebデザインで使われているカラーを効果的に用いたテクニックを紹介します。

サイトのキャプチャ

5 techniques for fine-tuning UX with color

続きを読む

モバイルオンリー、グリッドの使い方の変化、ボタンに使われるアニメーションなど、Web制作者が備えておきたい現状とトレンドを解説

モバイルファーストからモバイルオンリーへ、レイアウトのグリッドやローディング時のアニメーション、ボタンに使われるアニメーションも少しずつ変化し、人工知能によるデザインなど、Web業界は着実に進化しています。

Webデザイン、そしてグラフィックデザインで今起きている現状と知っておきたいトレンドを紹介します。

Webデザイン、そしてグラフィックデザインのトレンドを解説

17 Web & Graphic Design Trends To Watch In 2017

続きを読む

最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。

デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。

最近見かけるレイアウト・ナビゲーション・フォームなどがどうやって実装されているのか

続きを読む

Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ

スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。

しかし分かりにくい、使いにくいといった問題点があります。ハンバーガーメニューに代わる、より分かりやすく使いやすいスマホ向けのナビゲーションを紹介します。

ハンバーガーメニューに代わる、スマホ向けのナビゲーションのまとめ

Great Alternatives to Hamburger Menus

続きを読む

 1 2 3 4 5 ... 705 706 Next

top of page

©2017 coliss