ホームページ » すべての記事 - ページ 1863

    すべての記事 - ページ 1863

    CSS3の2次元変換を見る
    この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. の 変換モジュール CSS3での驚異的な追加機能は、Webサイト上の要素を次のレベルに操作する方法です。. 私を本当に驚かせるいくつかの実験があります、このような例。しかし、CSS専用のアイコンのように、どうにかしてオートボットに変身するようなものを作成するつもりはありません。それは、実に現実的にも使用できないためです。. 代わりに、今回は、CSS3の2次元変換の基本について検討し、基本レベルでどのように機能するかを確認します。. 構文 CSS3変換モジュールは、基本的に並進、拡大縮小、回転、傾斜などの要素をある程度変換することを可能にします。. 公式の構文は 変換:メソッド(値). しかし、まだ初期段階にある他のCSS3のすばらしい追加のように、現在のブラウザはまだ変換を実行するために構文バージョンを必要とします。したがって、完全な構文は次のようになります。 変換:メソッド(値)。 / * W3C公式構文* / -o-transform:method(value); / * Opera 10.5以降*...
    Google Analyticsのコホート分析の概要
    Google Reportsは、最もシンプルでありながら、もっとも目の肥えたウェブマスターの間で最も頻繁にかつ効果的に使用される分析ツールです。 Google Analyticsに追加された最近のレポートの1つが コホート分析報告. このレポートは、ビジネスオーナーにとって非常に役立ちます。 顧客の行動を理解するのに役立つ重要な事実を明らかにします そして 利益を高めるためにそれらを保持する方法. ウェブマスターは、得られるべき素晴らしいビジネス知識のために分析に飛び込む傾向を感じるに違いありませんが、物事を遅くすることは理にかなっています. 今日の記事、2つの部分のうちの最初の部分では、 コホート分析機能の基本的な理解 グーグルアナリティクスで、そして分析がどのように私たちの秘密をかき立てるためにデータをマッシュアップするかの核心的な必需品。加えて、コホート分析の練習を熱心に準備し、測定可能なビジネス上の利益のためにそれを適用するのを助けるためにいくつかのプラクティスに触れます。. ビジネス結果中心のコホート分析のニュアンスを理解したら、2番目のパートの手順を実行します。. コホート分析とは? まず最初に。コホートはただ オブジェクトのグループ、セグメント、またはカテゴリ 持っている 表示されている一般的な行動、属性または経験 間に 特定の期間. だから、コホート分析は 特定のコホートの活動に焦点を当てた研究. たとえば、特定の会社の従業員の採用後4年間の平均収入を計算する必要がある場合は、コホート分析を効果的に実行します。. 多くの人がGoogle Analyticsに組み込まれているスマートな機能を保証していますが、多くのウェブマスターやウェブアナリストも明らかにそのためにそれで大まかなされています コホート機能の欠如, その魅力を大幅に高めたであろう機能. 生データの裏にある秘密の解明 コホート分析のユニークな特徴は、ユーザーの特性または属性が...
    タブレットユーザー向けのWebサイト構築の検討
    かつてはもっぱらAppleのiPadによって支配されていたタブレットアリーナは、現在、毎日新しい参入者で急成長しています。 Google Nexus 7、Amazon Kindle、Microsoft Surface、その他多数のタブレット端末が市場に参入したことで、マーケティング担当者はPCのWebサイトを超えて検討し、スタンドアロンのタブレット戦略を開発するよう求めています。, タブレット向けのWebサイト. タブレットはスマートフォンに代わるものですか?短い答えはノーです。実際、最近のcomScoreのレポートでは、スマートフォン所有者の4人に1人がタブレットを使用していたことが明らかになっています。さらに、人々がこれら2つのデバイスを使用する方法でいくつかの明確な違いがあります。あなたのモバイルウェブ戦略のいくつかはタブレットユーザーのために働くかもしれませんが、あなたのタブレットリーダーは特別な配慮を必要とする特定のニーズを持っています. タブレットのための建物 Online Publishers Associationによる調査によると、コンテンツや情報へのアクセスは、世界中でタブレットの所有者にとって最も重要な活動のようです。コンテンツ消費量 ビデオを見て、続いてニュースを読む. だから、あなたは、コンテンツマーケティング担当者または出版社として、あなたのタブレットリーダーを活気づけるために何をすべきですか? タブレットリーダーは、豊富なグラフィックと非常に詳細なビジュアルで構築されている無数のアプリケーションに慣れています。したがって、タブレットリーダーは、デスクトップブラウザで見るのに慣れているのと同じ、控えめでアプリのような読書体験を期待しています。. スクロールは合格です。スワイプ中 増え続けるタブレットの訪問者を引き付ける唯一の方法は、PCのWebサイトの標準、つまり垂直スクロールの形式とレイアウトを超えて考え、より個人的でインタラクティブなWebサイトを構築することです。タブレットリーダーは、スワイプやフリックなどのジェスチャに慣れており、サイトをナビゲートする古い「スクロールとクリック」の方法よりもこれらを好みます。. HTML 5およびCSS 3を利用して、印刷された雑誌をエミュレートし、お気に入りの雑誌のページをめくる体験を読者に提供する、ページ付けされたよくフォーマットされたレイアウトでコンテンツを表示する. タッチフレンドリーなウェブサイト 今日市場に出回っているすべてのタブレットはタッチインターフェースで動作します。そして、それは私たちがどのようにパーソナルコンピュータと対話するかというまさしくその考えを再定義しました。タブレットで最適な読み方をするには、最小テキストサイズを14ピクセルに設定するのと同じくらい簡単です。しかし、特に人間の入力に関しては、ユーザーインターフェースはどうでしょうか。? それは指の中です PCのWebサイトは、カーソルを介してマウスでアクセス可能な目から一定の距離にある画面にロードされますが、タブレットは手に持ってユーザーの指からの入力を受け付けるように設計されています。. テキストパディングを増やす 大きな指でもクリックできるハイパーリンクテキストの周囲にはかなりの領域があります。また 文間の行送りを増やす 間に衝突がないように ハイパーリンクテキスト、フォームフィールド、またはドロップダウンメニュー. ホバーイベントを削除する...
    デザインにおける白黒の考察
    白黒も自然界で最も感動的な映像です。極反対、2つは反対の比喩も立つように見えます。黒は通常暗い、権威と権力の象徴、そして時には悪の象徴として見られる。白は純粋さと明るさ、そして相手と戦う自然の無邪気さのしるしです。. これら2つの色合いの本当の利点は、対照的なデザインで一緒に融合することです。そのような厳格な二分法を使用して、視聴者が無視することは不可能であるデザインのダイナミックをすぐに確立します。それはきれいで、シンプルでも複雑でもありえますし、他のカラースキームではうまく生成できない無限の機会があります。それだけでバランスが取れている. 今日の多くのグラフィックデザイナーは、今日のフルカラーの世界で目立つための最善の方法は彼らに参加するのではなく、規範に従うことを拒否することによって彼ら自身を引き離すことであると考えています。二元性はゲームの名前となり、効果を見るために自分自身で試してみるためのあらゆる理由を私たちに与えています. 白黒のデザインがさまざまなグラフィックでどのように使用されているかを見てみましょう。大成功です。. また、に興味がある可能性があります。 白黒:美しいウェブデザイン 白黒:写真のコツ 白黒:ポートレート写真ショーケース 白黒:動物写真ショーケース 白黒:水の写真ショーケース 製品包装デザイン 1300 on Fillmoreこの特別食品は、シェフのDavid Lawrenceが運営する1300 on Fillmoreレストラン用に作成されたラインです。それぞれの瓶のデザインは、それぞれがアイテム自体に関連しているさまざまな材料で動作するので、彼の手の単純な白黒写真を特徴としています。. たとえば、ローレンスがハラペーニョのコーンブレッドミックス用にコーンミールを処理したり、ローストガーリックやベーコンビネグレット用にガーリッククローブをダイシングしたりしているのがわかります。デザインはエレガントで効果的で、色はまったくありません。それは彼ら自身の、自然な色を持っている液体包帯の透明なボトルに対してさらにいっそう印象的に見えます. ヘンリー(ラガルド)このアルゼンチンワインはヨーロッパではすでにその味がよく知られています。しかし、包装も思い出深いものにする必要がありました。伝統的な日陰のある緑色のガラスの代わりに黒い瓶を使い、彼らは白黒のラベルとマッチングボックスの両方を使いました。. ボックスには2つの異なる行があります。1つは白のフォントで黒く、もう1つは白のフォントで、つるにブドウの房の白黒写真を飾っているだけです。びんのホイルのわずかに赤みがかった色はこの設計とうまく働きます. 香りの物語おそらく白黒包装の最も良い例であるScent Storiesは、Ah&Oh Studioによる個人プロジェクトとして作られた香水の製品ラインです。それは4人の有名な作家に基づいています:エドガーアランポー、マルキーズドサド、ジョージオーウェルとピエールドラクロス. それぞれの香りは作家の物語のトーンに合わせて作られていて、パッケージの上にそれぞれの小さな説明がありました。それぞれの瓶の裏には、作家の最も有名な話の抜粋があります。それから、びんはそれぞれのために精巧に細工されたバストでトッピングされました。 de Sadeのためにそれは悲鳴を上げる女性です、Poeのためにニヤリと頭蓋骨、Orwellのためにブタとde Laclosのために顔のない、かつらで貴族. もっと: 50個の白黒クリエイティブパッケージデザインのショーケース ウェブサイトデザイン...
    現代のウェブサイトのためのより良いタイポグラフィを見る
    デジタルテキストは非常に多くの種類でフォーマットできます。 Webフォントとブラウザスクリプトのさらなる進歩により、開発者が利用できる新しいプロジェクトコードが登場しました。 Webデザイナーも、Webサイトをコーディングし、すべてのページ間で統一された印刷スタイルを構築するための最善の戦略を探しています。. 最新の機能やサービスなど、多くのプロのWebデザイナーがこのトピックについて書いています。あなたはそれぞれのWebページをあなたのルートレイアウトデザインから切り離している一つのドキュメントとして考える必要があります。この見解の下では、タイポグラフィがどのようにページからページへと流れることができるかを見ることが容易で、創造性のためのユニークな出口を提供します。そしてこれはあなたの段落と見出しのためのユニークなクラスを構築することで特に明白になります. 以下では、Webの構築に興味があるタイポグラフィデザイナーを志望するためのいくつかの素晴らしいアイデアを紹介します。ブログ、ソーシャルネットワーク、そして企業は、常に現在のWebサイトを更新しようとしています。 WebタイポグラフィのCSSスタイルは、ページの更新を開始するための優れた情報源です。. 今日のインターネットの違い 現代のウェブは2000年初めから劇的に進歩しました。ウェブデザイナーがグラフィックデザイン、ロゴ、バナー、そして事実上何か他のものの素晴らしい作品を作成するための新しい機能がたくさんあります。 HTML 5およびCSS 3仕様のリリースもまた、Webフォントを構築する古い方法を犠牲にしました。. CSSにあなた自身のフォントを含めることは今や完全に可能です @フォントフェイス 財産。どれでも使えます TrueType(.ttf)または OpenType(.otf)ファイルを作成し、コピーをサーバーにローカルに保存します。それからいくつかのCSS3マジックであなたのウェブページ上のどこにでも家族を含めなさい! この技術だけでは、現代のインターネットがどのように発展してきたかを見ることができます。. そして、jQueryの人気が日々高まっているので、驚くべきアニメーション効果とカスタムフォントを組み合わせることができます。上記のjQuery用のTTFGenプラグインの代わりに、TrueTypeフォントをWebページに含めることができます。. この方法は、CSS3標準をサポートする最新のブラウザを必要としないため、もう少し信頼性があります。しかし、もちろんInternet Explorer 6のようなレガシーブラウザは正しくレンダリングするのに苦労します。. しかし、ほとんどのユーザーがこれらの標準をサポートしている新しいブラウジングソフトウェアに切り替えたことに感謝します。そしてWeb用に開発しているときは、自分の市場が誰のためにあるのかを正確に検討する必要があります。あなたはいつもみんなを喜ばせることはできませんが、あなたは十分に親密になることを試みることができます. デジタルタイポグラフィの目的 考えるべき奇妙なアイデアのようなものですが、 デジタルテキストの本当の目的は何ですか? 情報を伝え、情報源を共有し、そしてインターネットユーザーの世界にあなたの意見を提供するため. テキストは、考えやアイデアを共有するための最も単純な形式のメディアです。. しかし、それはまた非常に複雑で、写真やビデオでは使用できない大きな詳細が含まれています。. あなたの訪問者はあなたのテキストまたは見出しのキーワードに基づいてあなたのウェブサイトを見つける可能性があります -...
    ARIAのWeb標準とHTMLアプリへのアクセス性
    真にオープンで包括的なWebには、障害のあるユーザーが支援技術に依存して動的なWebコンテンツと最新のWebアプリケーションを楽しむことを可能にする技術が必要です。 W3CのアクセシビリティWeb標準は、障害のあるユーザーが効率的に使用できるAccessible Rich Internet Application(ARIA)をWebに追加することを目的としています。. ARIAは、Web Accessibility Intitiative(WAI)によって公開されている多数のアクセシビリティ標準およびガイドラインの1つです。 HTMLドキュメントに簡単に挿入できる追加のマークアップを提供します。 WAI-ARIAはOpen Web Platformをターゲットとしたクロスプラットフォームでクロスデバイスのソリューションなので、Webサイトだけでなくゲーム、デジタルエンターテインメント、ヘルスケア、モバイル、その他の種類のアプリについても考えてください. この記事では、WAI-ARIA規格の助けを借りて、HTML文書にアクセシビリティを追加する方法について説明します。. ARIAフレームワーク HTMLの構文は、開発者が要素を正しく記述し、その役割を識別し、それらの間の関係を指定することを常に可能にするわけではありません。それが彼らの感覚を完全に所有している訪問者にとってめったに問題ではない間、それは援助技術ユーザーがスクリーンで何が起こっているかについて理解して、彼らのオプションを模索するのを妨げることができます. これはARIAが私たちの助けになるポイントです。というのも、それによってさまざまな要素の目的を定義することが可能になるからです。 ランドマークの役割, そしてその性質を説明する アリアプレフィックス属性. アリアプレフィックス属性には2つのタイプがあります。 プロパティ ページのライフサイクルを通して変化する可能性が低い機能について説明します。 州 ユーザーとのやり取りによって頻繁に変化する可能性があるものに関する情報を提供します。. ランドマークの役割 ランドマークの役割 ARIAのRoles Modelの最もよく知られた形式があります(他のものはAbstract Roles、Widget Roles、およびDocument...
    Androidの進化を覗いてみる[Cupcake - Jelly Bean]
    NASAは、宇宙機関であるAndroid搭載の小型衛星を2013年中に宇宙に送り出す予定です。その使い易さと調整可能なオペレーティングシステムが、NASAがこれらの小型コンピュータを宇宙に送り込んでデジタルを捉えようとした理由です。地球のイメージ. それにもかかわらず、商用製品は軍用プロトタイプから来るものであり、回避策ではなく、Androidが10年も経たないうちに文字通りどのようにして星のプロポーションに登ったのでしょうか。今日のAndroidデバイスに電力を供給しているモバイルオペレーティングシステムを見てみましょう。. 2005年にGoogleがAndroid Incを買収したことで、Googleはスマートフォン市場に参入しました。今日、Androidは3億3100万台以上のスマートフォンに搭載されており、毎日100万近くが参加しています。その人気はグーグルプレイから毎月10億アプリのダウンロードによって奨励されました。 Androidアプリストアには、これまでに60万のアプリがあります。. Androidは、23社のメーカーが製造したタブレットやスマートフォンを含む250台以上のデバイスで動作し、待望のAndroid 4.1、Jelly Beanがリリースされるまで、Android 1.0(おそらくAstro)から10回以上のOSアップデートを経てきました。今年6月に. アンドロイド1.0アストロ Android 1.0は2008年9月に発売されたもので、主にビジネスと仕事を目的としたものです。. このバージョンには、ブラウザでのフルHTMLサポート、YouTubeアプリでのビデオ再生、GTalk、Gmail、Googleマップ、Google SyncなどのGoogleサービスなど、インターネットとインターネットベースのサービスの使用に関する優れたアプリとサポートが満載です。. それはプルダウン通知ウィンドウをオフにした最初のモバイルオペレーティングシステムでもあり、ユーザーは最初はAndroidマーケットを介してダウンロードおよび更新できるウィジェットやアプリの使い方を学びます。今のまま. このように、このバージョンは主に娯楽機能に焦点を当てていない、スマートフォンのビジネス面を引き上げることに焦点を当てていました - Androidユーザーはカメラに対する最小限の制御しかできず、そのメディアプレーヤーでのビデオ再生のサポートはありません。 Android 1.1(たぶんBender)は主にバグ修正とアップデートをフィーチャーし、そしてAndroidのための史上初のソフトウェアアップデートでした. (画像ソース:freeoniphone.com) アンドロイド1.5(カップケーキ) カップケーキ これはAndroidの2番目のメジャーリリースでしたが、最初の市販バージョンで、かなりの数のバグ修正とたくさんの優れた機能を備えていました。それは、Androidの最初のタッチスクリーン専用携帯電話と一緒に導入されました:HTCマジック. ウィジェットが導入されました。 Googleは、サードパーティがAndroid用のウィジェットを作成することを許可し始めました。 Cupcakeはまたコピーアンドペースト機能を有効にしました - それは今のところ当然のように -...
    6つのオリンピックロゴデザインを見る
    100年以上の発展を経て、オリンピックは平和、友情、そして喜びの名のもとに全人類のための儀式となりました、そしてオリンピックのロゴはこの素晴らしいイベントの不可欠な部分です。各オリンピックのロゴは、当時の最高のデザインのアイデアとスキルを実証する芸術作品です。ロゴデザイナーのために、あなたはそれらの優れたデザイン作品から何を学ぶことができます? 今日は、私たちが自分たちの仕事にインスピレーションを与えるのに役立つ、さまざまな分析の観点からの6つのオリンピックのロゴを挙げます. ミュンヘン(1972) モダニズムの応用 1972年ミュンヘンオリンピックは私たちに灰色の記憶を残した論争の的です。多くの人はその悲しい時間を思い出したくはありません。そうですね、政治的な側面をすべて忘れて、デザインにのみ焦点を当てるようにしましょう。ミュンヘンオリンピックのロゴは、20世紀半ばのモダニズムの優れた作品です。色とスタイルはシンプルですが、意味が深いです. 白黒を交互に使用すると、視覚的に強い比較ができます。回転処理は中心的な視点で幾何学の周りに形成されます。そしてそれは意味において抽象的です。それは輝くと明るくミュンヘンを象徴しています. 産業革命はデザインスタイルに大きな影響を与えます。 Bauhause大学によって作成されたモダニズムは、世界のファッショナブルなデザインスタイルになりました。それは雑多な装飾を放棄し、そして単純さと純粋さのパターンを主張した。モダニズムは、世界を生成するために規則的な幾何学や抽象的な色のような象徴的な視覚的要素を好む. 現時点では、モダニズムは依然としていくつかのケースで重要な設計スキルです。ロゴデザイナーのために、あなたが抽象的で深い効果を達成したいならば、それはこのスタイルを選ぶのに適当です. シドニー(2000) 色の組み合わせ シドニーは3色を使用して、オリンピックの聖火を中継する走っている運動選手のイメージを形成します。青はシドニーオペラハウスの形を切り開きます。赤と黄色はランニングイメージを形作ります。ロゴの各色は象徴的な意味を持っています。青は青い港を表します。黄色は太陽とビーチを表します。赤は原住民の文化を意味します。ロゴは暖かい色と冷たい色の組み合わせでカラーバランスを保ちます. 色はロゴの魂です。それぞれの色はある種の意味を表します。色を選ぶ前に、色の意味を理解する必要があります. 赤:行動、自信、勇気、活力, ピンク愛、美しさ, 褐色地球、秩序、コンベンション, オレンジ:持久力で活力, ゴールド:富、繁栄、知恵, 黄:知恵、喜び、幸福、知的エネルギー, 緑:人生、自然、豊饒、幸福, 青:若者、霊性、真実、平和, 紫の:ロイヤリティ、魔法、ミステリー, 白:純度、清潔さ, ブラック:死、地球、安定、そして グレー悲しみ、安全、成熟 アテネ(2004) 自然のスキル ほぼ100年の発展の後、オリンピックはその誕生地に戻りました。アテネは私達に開会式とオリンピックのロゴの両方に深い印象を残しました。 2004年以前にオリンピックのロゴをチェックしてください。違いを見つけるのは簡単です。. オリーブの枝は楽しい子供たちが描くように見えます、それは勝利とヒューマニズムを表します。青い背景の深さは異なり、地中海の心を開いています。全体のロゴは自然な安らぎと楽しい感覚を伝えます....