サイトのパフォーマンス改善で重要なクリティカル レンダリング パスについて
Post on:2017年2月21日
ブラウザがページを表示する際にサーバーからHTMLのレスポンスを受け取ると、スクリーンにピクセルが描画されるまでに多くのステップが必要になります。ブラウザがページの最初のペイントを実行するために必要とするこのシーケンスは […]
フリーフォントとは思えないほどかっこいい！ミニマルにデザインされたPhotoshopとIllustrator用のロゴ素材
Post on:2017年2月21日
フリーフォントを使用して、タイポグラフィといくつかの形を組み合わせてデザインされたミニマルなロゴを作成するテンプレート素材を紹介します。
電子書籍版デザイニングWebアクセシビリティの無料版がかなりのボリュームでびっくり！
Post on:2017年2月20日
以前紹介した「デザイニングWebアクセシビリティ」の電子書籍版が、ようやくリリースされました！ そのリリースを記念して無料版が公開されているのですが、これがかなりのボリュームとなっており、Web制作に携わる人はこの機会に […]
Webでも紙でも商用利用OK！10万円分のフォントとグラフィック素材、お好きなセットをプレゼント
Post on:2017年2月17日
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォントとグラフィック素材のお好きなセットをコリスのビジター限定にプレゼントします。 応募期間は、2017 […]
プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ
Post on:2017年2月17日
カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。 プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用いています。 カラーのコントラスト、類似性、使用比率で、フォーカスポイントを作成したり、階 […]
モバイルオンリー、グリッドの使い方の変化、ボタンに使われるアニメーションなど、Web制作者が備えておきたい現状とトレンドを解説
Post on:2017年2月16日
モバイルファーストからモバイルオンリーへ、レイアウトのグリッドやローディング時のアニメーション、ボタンに使われるアニメーションも少しずつ変化し、人工知能によるデザインなど、Web業界は着実に進化しています。 Webデザイ […]
最近見かけるレイアウト・ナビゲーション・スライダー・フォームなどがどうやって実装されているのかのまとめ
Post on:2017年2月15日
Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、 […]
Web制作者が知っておきたい、ハンバーガーメニューに代わるスマホ向けのナビゲーションのまとめ
Post on:2017年2月14日
スマホのナビゲーションをどうするか、Web制作者の間で多くの議論が交わされてきました。スマホのスクリーンは小さく、掲載する情報量には限りがあるため、多くの情報を格納できるハンバーガーメニューが候補にあがるでしょう。 しか […]
[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート
Post on:2017年2月13日
背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみる […]
[CSS]レスポンシブ対応のグリッドの幅は？ カラム数は？ 溝のサイズは？ グリッド作成に役立つ万能ツール -Graaf
Post on:2017年2月13日
人気が高いWebサイトやフレームワークなどで、実際に使用されているグリッドをページ上にオーバーレイで重ねて表示できるデザイン用のツールを紹介します。 既存のグリッドだけでなく、幅・カラム数・溝の数値を簡単に変更できる優れ […]
sponsors
