witola.com

私は、私のお気に入りのブログを読んでいたNettutsを+ 、これは帯域幅の簡単な説明であることがわかった。 アンドリュー·バージェスありがとうございます！

ウェブのホストを探しているときには、多くの場合、ストレージと帯域幅の手をつないで表示されます。 帯域幅とは何ですか？ それはあなたのホストは、あなたとあなたの訪問者が指定された月にアップロードし、（累積）をダウンロードできるようになることがデータの量です。 あなたのウェブサイトは、データの1メガバイトであり、あなたの毎月の帯域幅が10 MBであると言います。 月の初めに、あなたはサイト全体をアップロード、今あなたは、帯域幅の1メガバイトを使用しました。 あなたのサイトに訪問者がすべてのページを表示する場合は、データの1メガバイトをダウンロードしています。 あなたがその月の9の訪問者（各ビューをあなたのサイト全体を仮定して）を持つことができますことを意味します。 その後、あなたのWeb​​ホストは、それ以上の訪問を許可しませんか、（可能性が高い）MBあたりに余分な充電してください。 もちろん、あなたの帯域幅は、あなたがかなりの人気サイトを実行するか、またはメディアの集中的な何かを（ホスト独自の映像、または高解像度の写真など）を行う場合は特に、目を離さないでしたいと思うものです。 単にストレージと同じように、いくつかのホストが ​​"無制限"の帯域幅を提供する;あなたが灰色の領域であると思う場合は、再度、限界を見つけるか、またはすべてがそれを見ることができるバーを設定するホストを選択します。

今日はデザインとチュートリアルのブログの私の毎日のラウンドを読み、ウェブタイポグラフィ上で、この偉大な記事に出くわしました。 使用するためにそこに非常に多くのフォントで、なぜ同じ "安全な"ものをあなたのデザインのすべての時間を使うのか？ PCとMacの両方で標準装備されている無数の他があります。

ここで彼の記事から著者Amrinder Sandhuから下に実行され改訂されたフォントのスタック 。 セリフとジャンプの後にあるセリフSANの両方のフォントスタックと統計。

改訂フォントのスタック

*のようなフォントの一部：ガラモン、バスカヴィルとディドは、グルジアのように画面上で読めるようにではありません。 あなた自身の選択を行うこと自由に感じなさい。
* xの高さ​​より小さいため、カズロン、ディド、ガラモン、バスカヴィルとフラーのテキストが14ピクセル以上の最小値に設定する必要があります。
*ルシーダグランデ、フューチュラとTahomaには機械的に偽イタリックにobliquedされています。
*ジュネーブ、バスカヴィルオールドフェイスとビッグカズロンはボールドとイタリックはありません。 これらは、太字や斜体に偽造されています。
*特に14pxの下に、本文にHelveticaやヘルベチカノイエを使用しないでください。
*フューチュラ、ギルサンズとフランクリンゴシック培地は慎重にするため、その異常な重量の積み重ねを使用する必要があります。

読み続ける

あなたが言う人超訳：Tweener？ さて私は私がこれまで以上にFlashの仕事をしていますこの新しい仕事を得た後yaを言うぞ！ "我々はあなたを紹介し、心配しないでください。"、私は覚えてはっきりと彼らは私がどのような方法フラッシュプログラマではありません知らせないし、その応答があった

2週間ありながら、企業のオフィスで同僚デザイナーをシャドウも15分のクイックレビューでは、単純に、私にとっては十分ではありませんでした。 私は、コードを手伝ってもらうために自分の知性、彼はその場で行われたFLAファイルに委ねられています。 それは困惑で私があったことを開始するにはどれだけです。

要するに、代わりにタイムラインとFlashのTweenクラスに組み込まれて使用するのではなく、超訳：Tweenerは、それ自体の上に別のクラスです。 それは物事は​​そう簡単に、あなたが画面上を移動するための何かをしたい場合は、ゴムバンドのように戻って軽減していることをしながら回転し、特定の場所で停止すると、あなたの新しい友人超訳：Tweenerです。 あなたはそれを何、と、それはあなたのためにそれをしないを教えて - あなたはアクションスクリプト言語と他のバックエンド·フラッシュ·コードを知らなくても。 送信単純な、神。

すべてのドキュメント、ファイル等は、上記の超訳：Tweener画像をクリックすることで見つけることができます！ Zehフェルナンド（プロジェクトオーナー）、ネイトChatellier（プロジェクトメンバー）、アーサーDebert（プロジェクトメンバー）：これらは、この素晴らしいスクリプトを作成した人です。 私は少し漠然とした初期のマニュアルを発見し、それを開始する方法を視覚化するために私を得るために - 私の顔のチュートリアルを必要としていました。 ここで私はこれで私を助けることが判明し2つのサイトは以下のとおりです。

楽しみを持って、それを渡し、よくある。 私は仕事に戻って取得する必要があります！

私は彼女の壁に気づいた新しい同僚は、今日の机に座っては、いくつかのHTMLコードのチートシートでした。 私の目はシートの下に引き寄せまで大きなものは何も私が考えなかった。興味深いwww.ilovejackdaniels.com Hmmmm製確かに私は思った！
私はサイトを見て、このメッセージによって迎えられた。以前でホストされているサイトILoveJackDaniels.comは 、ジャックダニエルの商標チームの要求に応じて、新しいドメインAddedBytes.comに移動されました。 あなたのリンク、ブックマーク、アドレス帳や精神ノートを更新してください。 ご質問、ご意見または問題を指示してくださいdave@addedbytes.comを 。

とにリダイレクトAddedBytes.com私はHTML、PHP、CSSなどのコーディングに役立つチートシートのすべての種類を発見した。 仲間のWebデザイナーや開発者をお楽しみください！

AddedBytes.comのオンライン遊び場であるデイブ·チャイルド （ dave@addedbytes.com 英国の南海岸にある）、ブライトンからウェブ開発とインターネットマーケティング。 デイブと追加されたバイトの詳細を読む 。 Daveはありがとう！

私の新しい職場で非常にエキサイティングなプレスリリース今日は！

HIG Venturesは、LLCは本日、その子会社、関連会社のいずれかがトライデジタルメディア、LLCは、タンパ、フロリダ州ベースのオンライン広告サービス会社の大きな成長の設備投資を完了したことを発表しました。

2004年に設立され、トライアドデジタルメディアは、主要な小売業者やe-コマースWebサイトのオンラインメディアプログラムを作成、管理、および動作のマーケットリーダーである。 トライアドの彼らはターゲットを絞った広告のプレースメントとコンテンツを経由して、オンラインのトラフィックを収益化するのに役立つようなWalmart.com、CVS.com、Dell.comとSamsClub.comおよび他のような大規模なeコマースサイトと提携。 トライアドは、ホストを作成し、各パートナーのウェブサイトの焦点のセクションを管理し、広告主に関連性の高い人口をもたらすためにコンテンツターゲットと行動を使用します。 カスタムコンテンツに加えて、バナー広告やスポンサーシッププログラムが含まれていますトライアドのアプローチは、非常に求めた後、 "ショッピング"の考え方である顧客に到達します。 この製品は、広告主に大きな価値を提供し、今日のデジタルメディア広告市場でユニークです。
読み続ける

私は使われていたような私の毎日のブログを読む時間を持って、私のお気に入りの一つから、この偉大なシリーズに出会ったミス：その1サイトクリスCoyier、 CSS-Tricksは非常に私を助けています。

シリーズでは彼はスライスとコーディングプロセスに、Webページのレイアウトを作るの設計プロセスからあなたを取る - CSSデザインが生活に来ているケース。 次の彼は、WordPressのようなCMS（コンテンツ管理システム）にそのコードを統合するプロセスを介して表示されます。 このようにすべてが（ポスト、フィード、更新）は、動的およびサイトの幅です。 私は、あなたが、彼のRSSフィードを購読する彼の他のブログをチェックアウトしてシリーズをお楽しみください。

私は、フォトギャラリー、お問い合わせフォーム、ショッピングカートやTwitterのフィードを準備中とエンコードに私たちのプロセスを表示するシリーズの第4回があった期待しているとコメントしています。 我々は、すべて見るためにチェックインする必要があります！

第1部では、クライアントからわずか数用意されているリソースでは、Photoshopでの絶対ゼロから開始します。 我々は、サイトのホームページや皮膚を設計します。

第2部では、PhotoshopからXHTML / CSSにデザインをスライスする方法を示しています。

第3部では、WordPressのテンプレートに変換する方法を示しています。

デザイナーとブロガー私前に数週間後に、同様に非常にアクティブにされているさえずる小鳥のグラハム·スミス、 imjustcreative 、彼が投稿されたロゴのラウンドアップのシリーズを発表しました。 私は見てみたい考え出した、これらの言葉を見つけました。

これは、ロゴデザインラウンドアップシリーズのパート10です。 この進行中のシリーズは、ロゴやブランドマークのコレクションは、多くの創造的な分野でフリーランスのデザイナーやクリエイティブなフォークの束から提出された自己を紹介しています。 これらの設計者は様々なスキルを、販売促進、ブランド、販売を行ってロゴを使用しています。 このロゴデザインシリーズの一部になりたい場合は、その詳細はこの記事の下部に記載されています。

さて、私は興奮していたと私の個人的なビジネスのためのロゴの治療について簡単に概要を提出して記述する仕様は、次の動作するようになったアヌビスクリエイティブを 。 ねえ、無料広告、よく知られているブログサイトからのリンク、ないだろうね？

仕事で長い一日の後に私はいくつかのメールをチェックすることを決めた、私のお気に入りのブログのいくつかを読んで、デザインコミュニティにいくつかの貴重な情報をRetweetすると... にも驚いたグラハムは、最新の提出について発表しまし！ アヌビスクリエイティブは生きている色のPart 11のブログの記事にあった 。 私は友人を尋ねて興奮してばかりの人が気の利いたコメントを期待しています。 多分新しいプロジェクトが素晴らしいだろう、視認性は素晴らしく、多くの感謝 - それ故に彼を話してここに投稿！

覚えてそれがグラハムがそれを置くかのように： "これは競争ではありませんが、それが最善のではありません、それが最善のロゴを持っている人ではありません、それは私が選択したロゴのコレクションではありません彼らが望むものによって供給されるロゴです。この記事の一部である。そして提出した皆さんに感謝巨大な。 "

以下は、私はフロントエンドの開発者やコーディングのプラクティスについてのブログで読んで、私はそれを渡すだろうと思った記事です。 それがダグNeiner、少なくともエディタである燃料のコーディングとの社長であるピクセルのグラフィックデザインスタジオ 。 彼は新しい技術にはまって、具体的にはRailsのとjQueryでWordPressのは、Rubyと過ごす時間を愛しています。

何がここで以下は、それぞれのWeb開発プロジェクトで覚えて練習する10の事柄のシリーズです。 私はお互いにビルドステップの多くは重要度の順にそれらをここに記載されています。 あなたは離れて読書から他に何も取らない場合は、心臓へのルール＃1と＃2を取得し、それらを実践してください。 私はそれらの二つの問題を解決することは、インターネット経由でのWebサイトでより良いデザインと優れた実装につながると思います。

1。 十分に充電し、いくつかの

特に難しい経済状況、企業や個人に同様にコストを削減し、最小にプロジェクトを維持しようとしている。 この知識により、Web開発者として私たちはできるだけ早く、各フェーズを移動しようとします。 フロントエンドの開発は、しかし、適切に行われれば、かなりの時間を取る。 十分にその時のために充電していないのは、私たちが知っていることをスキップする開発者は、予算内でプロジェクトを維持するためだけに重要であるとして私たちをリードしています。 ルールは単純です...あなたが取る時間を持っていない場合は、通常は右のそれを行うには時間がかかることはありません。 、開発者としてより多くの "時間"を取得する唯一の方法は、我々は適切に補償されている過ごして時間を保証することです。 一人で、その時点で私たちの心は完全に私たちのプロジェクトにプラグインすることができます...とだけにして我々は残りの9のルールに従うように時間がかかることがあります。

2。 デザイナーを教育する

デザイナー/開発者のオールインワンマシンである人のために、この1つは簡単なはずです。 しかし、デザイナー、またはのために働くコーダーはユニークな責任を負っています。 多くのデザイナーは、印刷の背景から来ると、それは彼らの設計に利用できる可能性にそれらを教育するために、開発者に最高です。 いや...私は彼らがタグ一連の対UL / LIコンボを使用して、上の150 + jQueryを使用するプラグイン、またはあなたの考えを知ってみましょうと言っていませんでした。 私は可能性にそれらを教育すると述べた。 彼らのデザインは、異なるデバイス上に表示する方法を理解するのに役立ちます。 彼らは最小のファイルサイズで優れたデザインを実現する方法を活用して繰り返し背景やタイル張りのパターンへの理解を助ける。

どちらかだけでデザイナーに創造性を放置しないでください！ これは、デザイナーのニーズを満たすために最適な技術ソリューションを見つけることによっても同様に創造的であることを証明するチャンスです。 すべてのリクエストに対して "それはちょうどそのように行われていない"ことを告げると、両側にフラストレーションを引き起こすことが確実な方法です。 ハードルを回避する方法を見つける仕事にあなたの心を入れてください。

注：10を介してルール3は、これらの最初の2つのルールをオフに構築します。 次の規則のいくつかはデザイナから追加のグラフィックスを必要とし、すべてのルールに従うように時間がかかる。 ルール1と2へのコミットメントを確認し、残りのルールは、両方のセンスを行い、そのはるかに完成した製品を行います。

3。 レイヤーではなく、スライスで考える

今日でも、我々はまだフレーズIllustratorまたはPhotoshopから完成したHTML / CSSのレイアウトにデザインを移行するプロセスを記述するために "デザインを切って"を使用します。 これはまだ大部分は正確ですが、その名前は粉々にデザインをスライスして、HTMLページに戻って（通常はテーブルにある）、それを組み立てるの元という概念を矛盾する。

それは古いWebであった。 新しいWebスタッキング、レイヤーの概念を使用し、z-indexに深さとデザインを実現する。 コー​​ダとして、フラットな設計対デザイナーからレイヤーPSDファイルやレイヤーのAIファイルを取得するようにしてください。 これは、あなたがウェブサイトをまとめる方法にはるかに柔軟性を持つことができるようになります。 覚えておいて、レイヤーで作業する場合、追加のdiv要素とスパンを追加するに頼る前に、構造に欠かせないHTML要素を考慮してください。 あなたが上に繰り返しの縦線パターンを使用することができhtml要素、および上の繰り返し水平背景body恐ろしいせずに要素div#wrapperあなたの背景苦境を解決するために。

読み続ける

[OK]を、ここで私は物事を見つける方法の例です。...

（1）まず、私は上のポケットベルを聞いたTweetDeckのとで私のお気に入りのブロガークリスCoyierからつぶやきを見たCSSのトリック 。
彼はちょうどこの他のサイトのCSSトリックを再作成する方法についてのスクリーンキャストを投稿して言及した。
2私は、ビデオを見、それがクールだと思った、他の記事/コメントを表示するには記事の末尾にスクロールされます。
（3）その後、私は彼が誰かに戻ってコメントして1を越えてスクロールするとおせっかいな私は、最大何であったか知りたいと思いました。
4私は両方読んで、これに出くわした

ジャック·フランクリン 氏 は 述べ ています ：

素晴らしいものクリス。

私は年齢のために検索してきたと私はそれを見つけることができません、あなたは私からそのプログラムを得ることができ、メニューバー内のHTMLイプサムのアイコンを持っているに気づいた

おかげで、

ジャック

クリスCoyierは 言う：

fluid.appを使用して、このURLから、メニューバーのアプリを作るhttp://html-ipsum.com/fluid/

5。だから私はアプリをGoogleで検索... これをチェックアウトして、サイ​​ドバーの最初の1分のビデオを確認します。 非常にクールな...

http://fluidapp.com/

6。彼が話していたhtmlのイプサムのアプリも同様にクールだ

これは私がこれらの事を見つける方法ですが、一つのことは、常に別のにつながる...