Web制作に役立つ情報一覧

[CSS]超軽量で快適！スクリプト無しで実装されたレスポンシブ対応のナビゲーション -Luxbar

2017/02/23(Thu) 09:47

デスクトップ、タブレット、スマホに対応した、通常のスタティックなヘッダやスクロールしても常に上部・下部に固定表示されるバーとして配置できるナビゲーションを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-only-responsive-navigation-luxbar.html

商用利用無料！背景に、写真やイラストのオーバーレイに使えるざらっとしたテクスチャ素材

2017/02/22(Wed) 09:55

デザインやイラストに、個人でも商用でも無料で利用できる、ざらっとした感じのテクスチャ素材を紹介します。写真やイラストにオーバーレイで重ねたり、背景として使ってもいい味がでる素材です。

http://coliss.com/articles/freebies/gritty-textures.html

デザインの現場で使える、持っておきたい無料テクスチャ素材40枚まとめ

2017/02/21(Tue) 09:55

テクスチャ素材はWebデザインはもちろん、グラフィックやさまざまなデザインプロジェクトに役立つアイテムのひとつです。

http://photoshopvip.net/98882

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

2017/02/21(Tue) 09:54

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

http://coliss.com/articles/build-websites/operation/work/about-the-critical-rendering-path.html

ページを1秒以内に表示するための最新技術、そしてSEOの未来（テクニカルSEOの復権 最終回）

2017/02/20(Mon) 09:52

「ページ表示速度」、そして「SEOはどこに向かっているのか？」「SEOに再び偉大なものに ―― Let's Make SEO Great Again」

http://web-tan.forum.impressrd.jp/e/2017/02/20/24816

知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ

2017/02/17(Fri) 10:09

「もっと楽な方法は？」「イラストレーターの効率的な使い方を知りたい。」そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能を網羅した、新作デザインチュートリアルをまとめてご紹介します。

http://photoshopvip.net/98677

UIデザインにユーザーストーリーが必要な理由

2017/02/17(Fri) 10:08

あるデザインチームが、クライアントの新しいアプリのモックアップについて話し合っているとします。すると、アプリがどのようにあるべきかついて、チームメンバーはそれぞれ 違う考えを持っているということが明らかになります。

http://uxmilk.jp/60943

よこ並びのCSS。

2017/02/16(Thu) 09:53

スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかな。とも思いますけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、アイテムリストなど、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。もちろん画面幅にはレスポンシブで。

http://lopan.jp/layout/

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

2017/02/16(Thu) 09:53

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

http://coliss.com/articles/build-websites/operation/css/css-ui-collections.html

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

2017/02/15(Wed) 09:57

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

http://coliss.com/articles/build-websites/operation/work/alternatives-to-hamburger-menus.html