クレジット:
以下に、1 月以来 33 のお気に入りのリソースをまとめ、インスピレーション、デザイン、開発という 3 つの理解しやすいリストに分けました。
以下にリストされているトピックに関するニュースやリソースの最新情報を入手するには、Mashable のフォローをお気軽に行ってください。開発&デザインチャンネルの上ツイッターそしてファンになってくださいフェイスブック。
インスピレーション
これらの QR のトリックやテクニックを使用して、美しく効果的なコードを設計します。
ウェブサイトのデザインは精神的に消耗するものであり、創造性を維持するのが難しい場合もあります。ここでは、仕事を順調に進めて、あまり面白くないプロジェクトで燃え尽きてしまうことを避けるための 12 の方法を紹介します。
HOW TO: クリエイティブエージェンシーで仕事を獲得する
あなたはドン・ドレイパーに憧れていますか?ここでは、大手クリエイティブエージェンシー 4 社の専門家が、入社して採用されるためのヒントを紹介します。
404 エラー ページが表示されるのは、エクスペリエンスに少し楽しみを加えない限り、通常は落としどころです。これらの面白いエラー ページは、Mashable 読者によって送信されました。
Threadless.com が素晴らしい写真を入手する方法 [ビデオ]
スレッドレス写真は、典型的な e コマース カタログの写真をはるかに超えています。こちらがサイトの写真のスキニーです。
Web デザインの進化: 20 年にわたるイノベーション [インフォグラフィック]
これは、20 年前のささやかな始まりから現在に至るまで、Web デザインのツアーにご案内するインフォグラフィックです。
ウェブサイトが遅い理由と速度が本当に重要な理由 [インフォグラフィック]
1ミリ秒が大きな違いを生むのです。 Web の閲覧では、あらゆる小さな瞬間が重要であり、マウスをクリックしてからページが完全に読み込まれるまでの瞬間が少ないほど良いのです。
クローズドソースとオープンソース: どちらの CMS があなたのビジネスに適していますか?
クローズドソースのコンテンツ管理システムとオープンソースのコンテンツ管理システムのどちらを選択するかは、ビジネスの種類、開発チームのスキル、セキュリティ上の懸念など、複数の要因によって決まります。
方法: Foursquare データをインフォグラフィックに変える
Foursquare データを視覚化する優れた方法を次に示します。
コスト削減のために簡単にオフロードできる 5 つの Web サイト機能
特定の Web 機能をオフサイトでホストすることには長所と短所があります。ここでは、最も一般的なオプションのいくつかを詳しく説明します。
オープンデータへの取り組みが都市生活をどのように改善できるか
政府データを利用したアプリを構築することは多くの都市では実現不可能かもしれませんが、そのデータを開発者コミュニティに公開することが有益であることが証明されている都市もあります。
デザイン
Web デザイナー向けの Firefox アドオン トップ 10
ここでは、Web デザイナーが生産性を向上させ、コードを軽量化し、さまざまなブラウザーでサイトをテストするのに役立つ 10 個のアドオンを紹介します。
ここでは、サイトやブログにソーシャル共有ボタンを追加するためのベスト プラクティスについての簡単なガイドを示します。
少ない予算で作業している場合、または単に何か新しいことに挑戦したい場合は、価格がすべて 50 ドル以下の 8 つのデザイン アプリをチェックしてください。
HOW TO: ビジネス向けの Facebook ランディング ページをデザインしてプログラムする
Facebook のカスタム ランディング ページの設定については多くのことが書かれていますが、成功するランディング ページのプログラミングには多くの微妙な違いがあります。コード例を含む詳細なガイドは次のとおりです。
トレンドとクラウドソーシングが依然としてロゴデザインの注目の問題である理由
このトピックについて議論するパネルには、英国のロゴ デザイナーのグラハム スミス、デザイナー兼ロゴ デザインのブロガーであるジェイコブ キャス、商標とロゴを専門とする会社トレードマルキアの CEO であるラージ アビヤンカーが含まれます。
何百万人ものアメリカ人が何らかの視覚障害を抱えており、高齢のユーザーがオンラインにアクセスしているため、サイトがすべての人にとって視覚的にアクセスできることが重要です。フォント、色、コントラスト、デザインに関するヒントをいくつか紹介します。
HOW TO: Y Combinator の Garry Tan が教える、優秀な Web デザイナーを雇う
優れた Web デザイナーには費用がかかる場合があります。 Y Combinator の Garry Tan が、会社の Web サイトに最適な人材を見つけるためのヒントを教えてくれます。
このトピックについて議論するパネルには、英国のロゴ デザイナーのグラハム スミス、デザイナー兼ロゴ デザインのブロガーであるジェイコブ キャス、商標とロゴを専門とする会社トレードマルキアの CEO であるラージ アビヤンカーが含まれます。
オンラインの特典を利用するには、現金をポニーしなければならない場合があります。これら 10 個の Tumblr テーマは、一銭たりとも価値があります。
HOW TO: クラウドソーシングのデザイン コンペティションを最大限に活用する
クラウドソーシングでロゴを作成すると、かなりの費用がかかりますが、必ずしも希望通りのものが手に入るとは限りません。これら 6 つのステップは、費用対効果を最大限に高めるのに役立ちます。
アプリはアクションがすべてであり、訪問者の Web サイトへの関与を維持することに関して、アプリは私たちに多くのことを教えてくれます。より良いデザインを実現するために、アプリ中心のユーザビリティのヒントを確認してください。
発達
アプリケーションのプログラミング方法を学びたいですか?これらのオンライン ツールは、まさにそれを便利かつ迅速に行うための完全に無料の方法です。
ここでは、HTML5 と関連する Web 標準が Web アプリの作成と展開の方法に与えている影響を見ていきます。
API をリリースすることに決めました。次に、開発者に API を使用してもらうにはどうすればよいでしょうか?クリティカルマスに到達するためのヒントをいくつか紹介します。
ビジネス データをサードパーティ開発者に公開するメリットとデメリットについて、Web 開発の専門家に話を聞きました。
ブラウザーが HTML5 機能を実装するにつれて、現在の問題に対するセキュリティ修正が Web に組み込まれるようになります。ここでは、HTML5 の可能性の概要を示します。
フォントに関する教育をお探しですか?すべての活字中毒者はこれらの Web サイトをチェックする必要があります。
企業がテキストだけでブランド アイデンティティを確立する方法
テキストのみのロゴ (「ロゴタイプ」) を作成するのは困難ですが、正しく作成できればブランド認知度に大きな見返りが得られます。ロゴタイプの魅力についてプロに話を聞きました。
JavaScript と HTML5 が Web をどのように再構築するか
最新のウェブ技術を活用した興味深いオンライン実験がいくつか見られました。これらの概念実証は、Web 開発の将来にとってエキサイティングな出来事を予感させます。
これらのツールにはさまざまな用途がありますが、プロジェクトのオーバーヘッドに対処する時間を短縮し、優れたコードの作成により多くの時間を費やすことができるという 1 つの品質が共通しています。
HTML5 がクロスプラットフォーム開発にどのように役立つか
プラットフォームが異なるため、Web アプリとモバイル アプリを開発するための統一された方法が必要になりました。 HTML5 がその答えかもしれません。
WordPress テーマが実際にどのように機能するか [インフォグラフィック]
ここでは、投稿からプラグインまで、典型的な WordPress テーマの構造を見ていきます。