Webデザイナーのための21の重要なリソースサイト

お気づきかもしれませんが、特にGoogleに何かを入力すると、検索結果が2,600万件あることがわかりますが、そこにはかなりの数のWebサイトがあります。あなたが不滅の人でない限り、ウェブデザインのような比較的ニッチな分野でさえ、それらの多くをチェックする時間はありません。したがって、私たちは頭を悩ませて、ある種の馬鹿でない限り、すべてのWebデザイナーがブックマークする必要のある21の重要なサイトのリストを作成しました。それはあなたではありませんか?

1.1。 離れたリスト

ウェブデザイナーの意識に固執しているオンラインマガジンなので、すべての新しい号を読まないと違法になる可能性があります。業界最高の何百もの鋭い記事が掲載されているAList Apartは、コード、コンテンツ、デザインに関する詳細な洞察と分析を求める最初の寄港地となるはずです。

アンドロイドのための面白いビデオメーカーアプリ

二。 24の方法

「ウェブオタクのためのアドベントカレンダー」と自称する24の方法は、2005年以来毎年12月に20のウェブデザイン記事を提供してきました。トピックはさまざまですが、寄稿者は一流であるため、初期の記事の多くでさえも有用で関連性があります。24の方法はクリスマスだけのものではありません。



3.3。 スマッシングマガジン

2006年に設立されたSmashingMagazineは、ニュース、意見記事、実用的なチュートリアルを通じて、Webデザインと開発のテクニックを脳に取り入れています。また、リストが非常に好きで、追加のリソースを見つけるのに便利なサイトになっています。

四。 siteInspire

5.5。 UXムーブメント

UXがWebデザイン内でますます大きな関心事になっているため、情報を常に入手することにはメリットがあります。 UXムーブメントは、UXの操作に特化したブログであり、フォーム、ホバーコンポーネント、その他のWebページ要素に関連するワイヤーフレーミングとユーザビリティの懸念についての洞察を提供します。

6.6。 検索エンジンランド

優れたウェブサイトを構築することは、誰もそれを見つけることができなければあまり役に立ちません。 Search Engine Landは、検索マーケティングと検索エンジンに関するニュースを提供し、SEOを向上させるためのヒントを提供します。 Googleでの地位を確保するには、こちらもご覧ください Googleウェブマスターセントラ l。

7。 W3C

ほとんどのWebデザイナーは、Web標準を管理するすべての詳細を知る必要はありませんが、W3CWebサイトは依然として訪問するのに不可欠な場所です。仕様(説明や例を含む)へのアクセスを提供するだけでなく、マークアップやCSSバリデーターなどのツールも提供します。

8.8。 HTML5ボイラープレート

ほとんどのプロジェクトは同じ種類のファイルで始まり、設計者はそれらを最初から再作成するのに時間を浪費することがよくあります。 HTML5 Boilerplateを使用すると、堅牢で将来性のあるHTML / CSS / JavaScriptテンプレートを使用して有利なスタートを切ることができます。 HTML5リセット 同様の方針に沿った別のプロジェクトです。

9.9。 HTML5に飛び込む

HTML5を理解する必要がある場合は、Mark Pilgrimの本が、仕様の多くの機能に関する優れた解説を提供しています。この本はCC-BY-3.0ライセンスの下で完全にオンラインですが、サイトを定期的に使用する場合はハードコピーを購入してください。

10.10。 CSS3.info

最近、ブラウザは高度なCSSのサポートをめぐる覇権争いに没頭しています。そのために、規格は著しく急速に進化しています。 CSS3.infoを使用すると、開発を追跡し、プロパティとモジュールについて詳しく学び、CSSセレクターに対してブラウザーをテストできます。

十一。 Adobe Kuler

色に自然な目がある場合でも、デジタルカラーホイールはツールキットの重要な部分です。しかし、1つに多額の現金を支払うのではなく、Adobe Kulerのオンラインツールを使用してスキームを作成するか、サイトにすでに存在する数千のツールの1つに触発されてください。

12.12。 Adobe BrowserLab

多数の実際のブラウザーでサイトをテストすることに勝るものはありませんが、単一のブラウザーでサイトの健全性チェックを迅速に行う必要がある場合、BrowserLabは、Chrome、Firefox、Safari、およびInternetExplorerでレンダリングされたWebページの静的グラブを生成します。

13.13。 978グリッドシステム

堅牢なグリッドシステムを採用することで、Webサイトのレイアウトをはるかに簡単に設計できます。最高の1つは978グリッドシステムで、他の画面サイズに関連するテンプレートも提供します。ザ・ 960グリッドシステム 人気のある代替手段です。

14.14。 タイポグラフィが大好き

Webタイプについて直接報告しているわけではありませんが、I LoveTypographyはWebデザイナーにとって不可欠な読み物です。多くのWebデザイナーは、高品質のタイポグラフィに完全に基づいているわけではありませんが、Webフォントが急速に普及しているため、タイプの世界に没頭することは賢明な方法です。

15。 Webリソースデポ

スクリプト、アイコン、フレームワーク、画像などを含む、毎日無料のリソースを推奨するブログ。サブスクリプションもフルフィードなので、サイトをRSSリーダーにぶつけて、興味のあるものだけを取得できます。

16.16。 Dev.Opera

Dev.Opera Webサイトのモットーは「標準に従い、ルールを破る」です。これは、「Webデザイナーに楽しく役立つ記事を提供する」よりも、当時はおそらくエキサイティングに聞こえました。それでも、それは、学界の人々のためにOpera Web Standards Curriculumを提供するとともに、サイトが主に行っていることです。

17.17。 CSSPlay

Stu NichollsのCSSPlayは、主にCSS実験の遊び場です。ただし、ニコールズは派手な効果に集中するのではなく、実際のアプリケーションでデモを行うことがよくあります。 CSSでやりたいことがあれば、このサイトでその方法を示すデモを見つけることができるでしょう。

18.18。 ブラウザニュース

ブラウザニュースは、ブラウザエンジンと個々のWebブラウザの傾向と使用統計に関する優れたリソースであり、IAB広告サイズのリスト、ブラウザガイドなど、その他の役立つ情報も提供します。

19。 QuirksMode

QuirksBlogは、Webデザインと開発に関する興味深い洞察を提供しますが、QuirksModeの主要な互換性テーブルは、サイトの要点です。ここでは、どのブラウザーがCSSとDOMのどの側面をサポートしているかを簡単に確認できます。 HTML5テストは、執筆時点で進行中です。

美術学校に行かないでください

20。 いつ使えますか...

QuirksModeと同様に、いつ使用できますか…多くのサポートテーブルを提供します。定期的に更新されるこのサイトでは、iOSSafariやOperaMiniなどの一般的なモバイルブラウザの標準サポートについても詳しく説明しています。

21。 FindmebyIP

最後に、HTML5とCSS3用のFindMeByIPの互換性テーブルも気に入っています。 BathベースのデザインエージェンシーDeepBlueSkyによって作成されたこれらの機能を使用すると、CSS3プロパティ、セレクター、HTML5 Webアプリケーション、グラフィックスと埋め込みコンテンツ、オーディオとビデオコーデック、およびフォームの入力と属性に対するブラウザーのサポートをすばやく確認できます。