すべての記事 - ページ 1862

グリーティングカードは古代中国とエジプトにさかのぼる何百年も前から出回っています。それは、人々がいまだにグリーティングカードを送る時代のテクノロジーの時代まででさえも、人間が彼らの感謝と感謝の感覚を表現する方法です。 “電子カード”. はい、グリーティングカードを送ることは前世紀を通して生き残った文化の一つです. 次の記事では、1900年代から現在までの数十年間でカードのデザインがどのように変化したかを見ていきます。グリーティングカードのデザインが私たちの世界の主要な出来事によってどのように変化するか、そして本質的に政治、ファッション、戦争、その他の要素がカードデザインにどのように影響するかを観察することができます。. その上、ここにあなたが楽しむための様々なカードについての投稿があります! 招待状：30のクリエイティブデザイン 名刺：揺れるカードをデザインするための5つのヒント 名刺：100以上の例、チュートリアル、テンプレート 1910年 絵葉書はもともと1869年初頭にオーストリアで作成されましたが、30年後にアメリカでは国民のお気に入りになりました。テレビとラジオを奪われた10年間で、絵葉書は外の世界をちらっと見せてくれました. ポストカードの多くはまた、革新的なリソグラフィ製造技術を使用してドイツでデザインされていました。それは、以下のようなデザインの多くがゲルマニアの影響を与えたことを意味しました。下のポストカードデザインは、20世紀初頭に製造された有名なドイツ漢自動車を示しています. （画像出典：ホールマーク） また、非常に東ヨーロッパの外観を持つ青い目とブロンドの髪の女の子に注目してください. （画像ソース：ウィスコンシン歴史的画像） （画像ソース：ウィスコンシン歴史的画像） 1920年代 1920年代までに、アメリカは地球上で最も裕福な国になりました。アメリカはその強さと力を、ラジオの大量生産（1929年には約1000万台が販売されている）、冷蔵庫、フーバー、電話を享受して成功を収めています。. 以下は、時代の最新スタイルを身に着けている若いおしゃれな女性と、化粧品、タバコ、コーヒーを宣伝する人気のグリーティングカードの一例です。. （画像出典：ホールマーク） ドイツの、ヨーロッパの影響を受けたカードのデザインはなくなり、その代わりに強いアメリカのアイデンティティーがあります。カードはポストカードからグリーティングカードにも進化していました。つまり、人々はあらゆる機会に美しいカードを送受信できます。. （イメージソース：Artflakes） 1930年 悲しいことに、1929年までに “ウォールストリートクラッシュ” 発生し、その影響は世界的に感じられました。 1930年代、アメリカが大きな闘争と貧困に見舞われ、アメリカの夢が悪夢に変わった10年. （画像出典：ホールマーク） カードデザインに関しては、Hall Brothersは革新的な印刷技術と仕上げを試してデザインを活気づけました。上記の例は、 “ダイカット”...

Firefoxは長い間Web開発に好まれてきたブラウザです。その仕事をするのに便利なアドオンがたくさんあります。この記事では、Web開発を行う場合にインストールすることが不可欠であると考えるアドオンをいくつか調べます。また、これらのアドオンに含まれている可能性のあるいくつかの機能についても説明します。. まず、Firebugをインストールする必要があります。. Firebug FirebugはWeb開発に必須のアドオンです。 Firebugの入手先がわからない場合は、ここでインストールできます。おそらく、Firefoxをアクティブにする前に再起動する必要があります。. その後、次のいずれかの方法でFirebugを見ることができます。このメニューに従う ツール> Web開発者> Firebug, Webページを右クリックして “Firebugで要素を調べる”. あるいは、FirefoxでFirebugアイコンを見つけてクリックすると、firebugウィンドウが表示されます。 Firebugはまったく同じです Chromeデベロッパーツール. HTMLの構造とスタイルを見るためのパネルと、エラー、警告、ログを見るためのコンソールパネルもあります。しかし、私はあなたが役に立つと思うかもしれない願っているかもしれないいくつかのより多くのヒントがあります. ボックスのサイズ調整 HTML要素は、余白、余白、オブジェクトの大きさ（幅/高さ）で構成されるCSSボックスモデルで構成されています。これらのプロパティを変更する必要があるかもしれません。その場合は、変更したい要素の1つを選択してから、 レイアウト パネル. このパネルには、CSSボックスモデルの図とその情報があります。 幅 そして 高さ. これら2つのプロパティはCSSでは規定されていませんが, このツールは値を決定するのに十分賢いです。値を変更する必要がある場合は、値をクリックして上下の矢印キーを使って値を増減することができます。. 計算スタイル 多くの状況で、あなたはおそらく特定のスタイルが適用されない理由を疑問に思います。特に数千行のスタイルがある場合は、より簡単で速い方法の1つは、 計算スタイル パネル。この例は、アンカータグのテキストの色が次のように上書きされることを示しています。 .ボタン...

それで、ミラーレスカメラの誇大宣伝は次のようになります。 サムスンNX、ソニー α NEX、ペンタックスQ? 正直に言うと、この記事を書く前に、カメラの「ミラーレス」という用語が何を意味しているのかについては、あまりわかりません。私はこれらのますます普及しているカメラについてとても素晴らしいことを見つけるためにいくつかの研究をしました。 MILCがデジタル一眼レフ（DSLR）カメラと競合する能力を持っているとpepleが言っているのであれば、それらは何かに良いものでなければなりません. 大騒ぎとは? 具体的には、人々が「ミラーレス」カメラについて話すとき、彼らは通常ミラーレス交換レンズカメラ（MILC）を指しています。コンパクトカメラやポイントアンドシュートデジタルカメラのように、MILCはカメラ自体の内部にミラーを搭載していないため、「ミラーレス」です。これは、レンズを通過する光を投射するためにミラーを必要とするDSLRカメラとは対照的です。写真家が光学ファインダーを通して撮りたい画像を見るためには、DSLRカメラの中心的な特徴です。. （画像ソース：cnet.com） コンパクトカメラはビューファインダーを持っていないか、またはTTLビューファインダーを電子ビューファインダー（EVF）に置き換えます。代わりに、これらのカメラは小さなセンサーで固定されており、大きなセンサーを搭載しているDSLRと比較して、十分な光を捕らえることができないため、特に暗い場所での画像の質が悪くなります。 MILCは、大型センサーも搭載しており、DSLRのような高品質のイメージングを実現します。さらに、「交換レンズ」という用語からわかるように、MILCにはレンズを切り替えるオプションがあり、DSLRと同じレベルの柔軟性が得られます。. ミラーの有無にかかわらず DSLRの場合、ミラーはTTL光学ファインダーに光を反射する可動部品です。ファインダーに映っているものを撮りたいときは、シャッターを押します。ミラーは光を移動させてセンサーに反射し、センサーはカラーデータを画像処理装置に送信します。この画像プロセッサは、最終的にデータをカラー画像に変換し、カラー画像はメモリに保存されます。. （画像ソース：GadgetVenue） MILCのミラーシステムがなければ、レンズをセンサーの近くに配置できます。つまり、高品質のレンズは、デジタル一眼レフカメラのレンズほど大きくする必要はなく、安価で軽量なカメラやレンズになります。その結果、DSLRを超えるMILCのセールスポイントは、より手頃な価格でポータブルであるにもかかわらず、より大きな相手に匹敵する品質の画像を生成できることです。. 比較 DSLRとMILCを直接比較すると、どちらが一番上になるのでしょうか。 2つの間で明確な勝者を見つけるためにあなたが考慮に入れる必要がある要因を見てみましょう。. MILCにおける光学ファインダーの欠如 MILCには光学ファインダーがないため、カメラマンは写真を撮るためにカメラの背面にある「ライブ」LCDスクリーンまたは電子ビューファインダー（EVF）に頼らなければなりません。 EVFでは、カメラのレンズで捉えた画像を、小型のディスプレイに電子的に投影して照準を合わせやすくします。何人かの写真家は彼らが見るものが彼らが撮影しているものであることを確実にするために光学ファインダーを好むでしょう. （画像ソース：dpreview.com） レンズから「ライブ」のLCDスクリーンまたはEVFディスプレイに電子的に画像を伝送すると、シーンの変化と電子ディスプレイの間に顕著な遅れが生じることがあります。 LCDスクリーンやビューファインダーに関しては、スクリーンよりもカメラを通して見ることで写真を撮るほうを好む人もいます。. サイズと重さ ムービングミラーとTTL光学ファインダーを含むメカニズムは、カメラ内にかなりの量のスペースを必要とします。その結果、デジタル一眼レフカメラはかさばります。一方、MILCは、少なくともズームレンズを追加するまでは、それ自体をはるかにポータブルにすることができます。それでも、DSLRよりもさらに軽量でコンパクトです。. （画像ソース：discoverdigitalphotography.com） 人間工学 当然のことながら、大きいDSLRは実際にはコンパクトカメラやMILCよりもあなたの手の中で安心して感じることができます。あなたが大きな手を持っているならば、これは特にそうです（すなわち人）。サイズが大きいほど、より安定した保持のためにDSLRの周囲に指を快適に巻きつけることができる曲線が多くなります。これは、より良い画像制作に適しています。. （画像ソース：スパイス）...

今日の世界では、1日に生まれた赤ちゃんの2倍の数のAndroidデバイスがアクティブになっています。 2012年半ばを過ぎると、Androidのアクティベーションは1日あたり100万回を記録しています。そして、グーグルプレイはこの驚異的な成功において重要な役割を果たしました。. 下のグラフは一目瞭然です - Androidの検索の人気度のみを示していますが、私たちは彼らが伝えているものを実証するために世界中のすべての統計を持っています! スマートフォン市場でのAndroidの普及により、多くの主要企業が自社のビジネスを支援するためにAndroidアプリに目を向けており、成功した企業もあれば酸っぱいブドウ以外の何も味わっていない企業もあります。. 後者の失敗の背後にある主な理由は彼らの Androidプラットフォーム用のビルドの詳細について理解できない - この記事では、この問題に取り組み、Androidアプリの構築に関する概要を説明します。. レスポンシブWebデザインを受け入れる レスポンシブWebデザインは、すべてのプラットフォームとブラウザに対応する単一サイトの構築を目的としており、Webデザインの世界に革命をもたらし、今日では複数の理由でモバイルWebデザインの人気を上回りました。. このデザインからヒントを得て、Androidバージョン4.0（Ice Cream Sandwich）が構築されました。 iOSや以前のバージョンのAndroidとは異なり、このバージョンでは、携帯電話、タブレット、ファブレットなど、すべてのAndroidデバイス間の問題を解決しようとしています。したがって、Androidはこの動きで国境を越えて急上昇しています。そして、これで万能のアプリを作成できます。これは魅力的に思えますが、作業量は増えます! アップグレードとフラグメント 以前、Androidアプリでは、各画面に2つのレイアウトを作成するオプションがあり、オペレーティングシステムは自動的に最も適切なレイアウトを実行します。しかし、Android 3.2以降では、アプリのレイアウトを開発するためのオプションが多様になっています。これに関する詳細については、Android開発者のこのページを参照してください。. さらに、基本的なレイアウトコンポーネントであるFragmentsは、Androidで重要な役割を果たし、本当にレスポンシブにします。彼らです レイアウト内の柔軟で伸縮性のある部分 あなたは、開発者として、あなたの要求に従って操作する必要があります。フラグメントについての最もよい部分はそれらがあなたがすべてのAndroidデバイスのためのアプリケーションを作成することを可能にするということです. アプリを接続する あなたのアプリを他のアプリと接続することは、その機能性とユーザーの間での最終的な受け入れを高めるための素晴らしい方法です - 技術的にこのメカニズムはとして知られています 意図. 例を見てみましょう：あなたがアプリを作成し、インテントを受け取るためにそれを登録したとしましょう。あなたのアプリはそれがインストールされているシステムにどのような意図が許されるかを伝えます。アプリがシステムに動画や画像を表示できるように指示しているとしましょう。他のアプリがビデオや画像を見ることを意図して開いている場合は、ユーザーは自分のタスクを完了するために自分のアプリを使用することを選択できます。. アプリをソーシャルメディアと統合すると、アプリをアクティブにして内部共有を行うことができます。そして、あなたは意図の助けを借りてこれを行うことができます。アプリの画像を共有したい場合は、デバイスにインストールされているアプリに従って、システムからインテントの一覧が表示されます。ソーシャルネットワーク関連のインテントを選択すると、アイテムが共有された状態で共有画面にリダイレクトされます。. アプリアイコンデザイン...

最初のiPhoneがリリースされたとき、それは技術の世界を席巻しました。それ以来、約5年が経過し、スマートフォン市場でも人気が高まり、マイクロソフトもWindows 7 OSおよびパートナーとの競争に巻き込まれました。今日のスマートフォンには非常に多くのインターネットユーザーがいるため、モバイルWebサイトの数が急激に増加すると予想するのは常識です。. ただし、モバイルWeb用の設計は、一般的なWeb設計とはまったく異なる操作です。当社のWebサイトは大画面用に設計されていますが、スマートフォンの画面サイズはそれに比べて非常に小さいため、厄介なユーザビリティの問題につながります。. 新しい設計基準と実践 スムーズなユーザーエクスペリエンスを備えた優れたモバイルサイトデザインには、非常に必要. このガイドでは、スマートフォンのモバイルブラウザ用のユーザーフレンドリーなサイトをデザインしようと思います。私はあなたがより良いモバイルウェブサイトをデザインするためのベストプラクティスと便利な開発者ツールについて話しますので、ジャンプの後にそれに入りましょう。! 強力なユーザーエクスペリエンスの計画 あなたがモバイルウェブサイトを構築するとき、それは重要です ユーザーを常に念頭に置いてください, 最終的にはあなたのウェブサイトはユーザーが楽しむことができるように設計され作成されています。モバイルWebサイトがデスクトップ環境と同じように動作することをユーザーが期待することは間違いなく一般的です。 ユーザーエクスペリエンスをフレンドリーに保つ 成功するモバイルサイトを構築しながらあなたの主な焦点であるべきです. ユーザにとって考慮すべきユーザビリティの概念がたくさんあります。これらの考慮事項が含まれます 画面サイズ, インライン画像, ハイパーリンク, フォントサイズ, そして ページナビゲーション. 私たちはより良いユーザビリティのためにあなたのウェブサイトを切り開くためのあなたのためのモバイルユーザビリティデザインについて書いています。ガイドのほかに、あなたは常にする必要があります 新しいアイディアに気をつけて あなたのサイトを改善するために. 強力なユーザーエクスペリエンスを計画することはまたあなたがすべきことを意味します ユーザーがWebサイトとどのように対話するかを検討する. デスクトップでは、Webサイトはマウスとキーボードでやり取りできますが、スマートフォンではユーザーは タッピング, フリック, そして スワイプ...

この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. CSSには、次のような特定の条件で要素を選択できるようにするセレクタがいくつかあります。 ホバー, ：フォーカス, ：アクティブ, それでも今日はこれらのセレクタをカバーしません。まだほとんど知られていないがほとんどのWebデザイナーによって使用されている方法を見ていきます。 ではない セレクタ、または否定セレクタとも呼ばれます. それは何をするためのものか? きっと ではない 名前自体はすでにその機能を説明しています。 指定された要素または条件の反対. 例えば： この構文は以外の要素を選択します p （段落）. ：しない（p） 以下の構文例では、 div する要素...

この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. 私がCSS3について大好きなことの一つはセレクターに頼ることなく要素を明確にターゲットにすることを可能にするセレクターの新たな追加です。 クラス, id または他の要素属性、そしてここでカバーするものは以下のセレクタです。, ：ファースト・オブ・タイプ. の ：ファースト・オブ・タイプ selectorは指定された要素の最初の子をターゲットにします。たとえば、下のスニペットは最初の子をターゲットにします。 h2 Webページ上. h2：最初の型/ *スタイル宣言* / の ：ファースト・オブ・タイプ に等しい ：タイプのn（1）, それだけではなく 最初 タイプの場合は、さらに2番目、3番目などを選択できます。次のスニペットは2番目をターゲットにします...

この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. さほど昔ではありませんが、 ボックス Webページでは、 div, 指定します 100px 幅と高さの両方について パディング にとって 10px との境界 10px 同様に. div width：100px;高さ：100ピクセル。パディング：10px。ボーダー：10px solid #eaeaea; ブラウザは、ボックスのサイズを140pxに拡大します。この場合、幅と高さの合計140pxは、追加されたサイズで構成されます。 パディング そしてその...