すべての記事 - ページ 1582

あなたはChromeがバックグラウンドでフォーカスされているのではなく常に「右クリックで選択された」新しいタブを開いていることに不満を感じていますか？もしそうなら、あなたは間違いなく前面にタブを見たいと思うでしょう！拡張. 前 Chromeの標準の動作では、「右クリックメニュー」から開いた新しいタブは常に背景に表示されます。たまには大した問題ではないかもしれませんが、毎日このようにたくさんのタブを開いていると、マウスを使ってすべてのタブを前面に表示するのが非常に面倒になります。. 前面にタブ！実行中 ここで、上の写真のリンクをもう一度新しいタブで開くことができます… タブを前面にして！余分なマウスクリックが排除され、私たちの新しいタブがフォーカスされ、移動する準備ができているという拡張。 1日のブラウジングの価値から排除することができるすべての面倒を考えてください! 結論 あなたが一日中新しいタブに集中するためにあなたのマウスを使用しなければならないことにうんざりしているならば、それからこの小さな拡張はブラウジングをあなたにとってずっと楽しい経験にするでしょう. リンク集 前面にタブをダウンロード！拡張子（Google Chrome拡張機能）

あなたがこれを見たときに頭に浮かぶのは何ですか？私を助けてみましょう：この電球はどのようにそのベースの上に浮かんでいますか？第二に、この電球を明るくしておくのが難題です? 魔法. まあ、磁気浮上とワイヤレス電力伝送の魔法、正確には。あのLED電球は電磁石で浮いていてワイヤレスで点灯している - まぁまぁ, バッテリーまたは電源ケーブルなし. これが、KickstarterプロジェクトのFlyte：Levitating Lightです。 Flyteは、60ルーメンで輝く飛散防止、エネルギー効率の良いLED電球で、カフェ、家庭、またはオフィスの環境に合うように設計されています。. 電球はおそらく50,000時間（または1日6時間で22年間）有効です - 基本的には、あなたはおそらく変更する必要はありません この 電球。基盤の7.9 x 7.9 x 1.4は持続可能な調達のクルミ、カシおよび灰で利用できる。限定版の手作りのダイヤモンド型の木製ベースもあります. 電球が点灯して浮上すると、電球がベースの中央を超えてゆっくり回転します。これは、アートギャラリーで見ることができるアートインスタレーションのようです。ライトをオンまたはオフにするには、指でベースを軽く触れるだけです。. これについての最もよい部分はFlyteのための基盤があなたに第三者の付属品を必要とするけれども無線充電の基盤として第二の用途があるということです。充電を開始するには、電話をベースに置くだけです。. Flyteを取得する方法 Flyte：Levitating Lightは2日で8万ドルの目標を達成し、この記事の執筆時点で14万ドル相当の誓約を獲得しました。最低の約束は現在249ドルです。最初のバッチは2015年10月に納品されます。また、Flyteメーカーキットを誓約することもできます。.

リボンUIは、最近MS Officeや他のサードパーティ製アプリケーションのいくつかのアプリケーションに組み込まれています。今日はメモ帳環境にリボンUIを含むFluentNotepadを見てみましょう。. 流暢なメモ帳 インストールは必要ないので、フラッシュドライブからも実行できます。 zipファイルをダウンロードしてProgram Filesなどのディレクトリに解凍し、実行可能ファイルを実行します。. それが起動するとすぐにメモ帳の伝統的な外観と比較してUIの違いがわかります. リボンのUIから、テキストのフォントを簡単にカスタマイズできます。. 新しいバージョンのMS Officeでは、リボンUIとまったく同じように動作します。リボンの下にクイックアクセスツールバーを表示できます。. テキストを書き留めながら邪魔にならないようにしたい場合は、簡単に隠すこともできます。. あなたがファイルタブに移動するなら、あなたはそこにさまざまなオプションを探索することができます。まだベータ版なので、すべてをカスタマイズできるわけではありません。しかし、あなたはFluentNotepadにいる間彼らのプロジェクトについての作者のフィードバックを送って提案をすることができます. もちろん、FluentNotepadで作成したファイルを標準バージョンで開くこともできます。. リボンUIは、Windows 7のMSワードパッドやペイントなど、最近の多くのアプリケーションで標準になりつつあるようです。MSOffice 2007で導入されたリボンUIに慣れて、メモ帳環境の機能をご希望の場合は、FluentNotepadをお勧めします。見て. FluentNotepad Betaをダウンロードする

そこには何百万ものブログやWebサイトがあり、そのうちの1つを始めるのは簡単なことです。しかし、広大な読者層と有望な広告収入で価値のあるものに成長させることは、非常に困難です。しかし、夢をうまく達成できたらどうでしょうか。あなたは成功を持続することができますか？それは本当に難しい質問です. 1つは、トラフィックが増えて読者が増えると、サイトにもっと時間を費やす必要があることです。以前は趣味だったことが重大な責任となり、サイトがさらに成長すると、その趣味はすぐに変わります。常勤職。それが起こると、あなたはあなたの収入だけでなくあなたの評判もあなたのサイトに依存するようになります。ここにあなたのサイトがそれを作るかどうか/あなたが知っておくべきいくつかのことがあります. 更新にもっと時間を費やすように準備する あなたは大当たりしました、あなたは今たくさんの読者がいる素晴らしいサイトを手に入れました。何だと思う？の “週に1回の投稿” 今は通常、読者を満足させるのに十分ではなくなりました。あなただけではない より多くのコンテンツを制作する, しかし そもそもあなたのサイトを人気にした標準に品質を保ちます. （画像出典：シャッターストック） 彼らが急に読者からのトラフィックの急上昇を見て、そしてトラフィックを維持する方法を知らないとき、彼らは一種のものを作成することに焦点を合わせるべきであるときに短い記事を書く安価な方法とリンクのまとめに頼るそもそも成功したコンテンツ - それだけです. ヒント： オリジナルの記事や投稿に十分なアイデアがあることを確認する必要があるだけでなく、それらを書いてサイトをより頻繁に更新するために時間を取っておく必要があります。他のサイトからのニュースのまとめや、別の記事にリンクしている簡単な投稿など、安い投稿に頼らないでください。それは新しい読者を失うことの確実な方法です. 2.ホスティングと帯域幅を増やす ほとんどのWebホストは、ほとんどのサイトに適した安価な共有ホスティングサービスを提供していますが、あなたのサイトやブログが多くの訪問者やトラフィックを引き付けるようになると、あなたのサイトは停止してしまうことがあります。サーバーを共有している他の顧客を保護するため. （画像ソース：Fotolia） この場合、最も早くやることは ホスティングを分割してVPSにアップグレードする またはそれに似たもので、通常は共有ホスティングよりもはるかに多くの費用がかかります。さらに悪いことに、あなたのホスティング代金の新しい増加はあなたのサイトからの広告収入と一致しないかもしれません. ヒント： あなたのサイトをできるだけ最適化するようにしてください。 WordPressまたは他のCMSソフトウェアを実行している場合は、常にページをキャッシュする方法を使用してください。あなたの画像とコードを最適化するように見てください、そして、他のすべてが失敗するならば、あなたはコンテンツ配信ネットワーク（CDN）を試してみることができます. 特にあなたのサイトの画像が重い場合（おそらくギャラリー）、Amazon S3のようなCDNで画像をホストしている間、あなたはしばしばあなたの共有ホスティングプランを維持することができます。この種のセットアップは通常、新しいホスティングプランにアップグレードするよりも安価です。. より多くの交通 ≠ より多くの収入 トラフィックが増えればコストは上がりますが、大規模で優れたホスティングプランでは、通常、広告収入はトラフィックと一致しません。トラフィックが2倍になると、使用する広告プロバイダーに応じて、広告収入はせいぜい50％増加します。....

の HTML5 素子 現代のフロントエンド開発に非常に便利です。それでも、多くの開発者が知らない要素の1つです。. それはあなたができる入力フィールドで機能します 入力に対して特定の値を自動提案する. デフォルトの設定は問題ないようですが、自動候補データリストを使ってクールな効果を構築するためのコーディングのヒントをいくつか取り上げました。. しかし、それははるかに簡単です プラグインを扱う といった Flexdatalist. それ より幅広いブラウザをサポート そしてあなたがすることができます データリストのデザインを完全にカスタマイズする. すべての人がオートコンプリート機能を必要としているわけではなく、ネイティブのHTML 5データリストを持っている人もいますが、プラグインを気にする必要はないかもしれません。しかし、Flexdatalistはおそらくその中で最高のものです。 ネイティブのデータリストの振る舞いに基づく たす： モバイル対応サポート 各アイテムの追加説明 一度に複数選択するためのオプション カスタムイベントハンドラ それは すべてjQueryを搭載, そうあなたは 最新版のコピーが必要です これを実行するために。また 独自のCSSスタイルシートが付属しています HTTPリクエストを減らすために単一のCSSファイルに結合することをお勧めします。....

最新のCSS flexboxプロパティは、開発者がインターフェースを作成する方法を根本的に変えました。レイアウトを完璧に整列させるためのフロートやCSSハックはこれ以上ありません。複数列のレイアウトを処理するためのカスタムレスポンシブ手法について心配する必要はもうありません。. しかし、flexboxが多くの問題を解決したとしても、学ぶのも複雑です。あなたが始めるのを助けるために1つの中央の場所に多くの異なったflexbox要素をカタログ化するFlexbox Patternsと呼ばれる新しいオンラインライブラリがあります. このライブラリは完全に無料で使用でき、GitHub上でオープンソース化されています。すべての例は NPMからローカルにダウンロード または GitHubを通じて. しかし、必要に応じてコードをコピーして貼り付けるために、Webサイトで例を閲覧することもできます。. 各パターンには、簡単な説明とコードサンプルを含む独自のページがあります。あなたはかなり文字通りすることができます 既存のWebプロジェクトにコードをコピーして貼り付ける, 最初にコードが何をしているのか、そしてなぜそれを使っているのかについて少し学ぶことをお勧めします。. たとえば、flexboxを使用して上部ナビゲーションバーのすべての要素を並べて配置するサイトヘッダーバーのデモを見てください。. 通常これはすべてをきちんと整列させるためにフロートとclearfixクラスを必要とするでしょう. flexboxでは、次のものを使って1つのコンテナにすべてを保持できます。 ディスプレイ：フレックス 財産。このようにすることができます 要素がどのように相互作用するかを定義する お互いにそしてどのようにフレックスボックス 小さな画面で操作する必要があります. パターンは常に更新されており、現在のライブラリはタブ、サイドバー、垂直/水平方向のセンタリングなどの最も一般的な要素に焦点を当てています。. もしあなたがflexboxの初心者なら、間違いなくFlexbox Patternsをチェックしてください。このサイトはあなたにflexboxのすべての基本を教えるものではありませんが、それはあなたがあなた自身のWebプロジェクトのためにいじり回すことができる現実世界の例を提供します.

フラットデザインは、国際活版印刷スタイルが開発された1950年代という早い時期から出回っています。最近では、マイクロソフトの新製品の発売以来、広く普及しています。 ジオメトリとタイポグラフィに焦点を当てたMetroデザイン 最初に2010年に新しいWindows Phoneで、次に2012年にWindows 8で. フラットなデザインは、 立体感と光沢のある視覚要素の欠如 達成するために 清潔、ミニマリズム, そして 明快さ. それは、以前は主流だったデザインスタイル、実際の3Dオブジェクトを模した光沢のあるボタンやイラストを利用したskeuomorphismに反します。. フラットデザインは、Webサイトの合理化、コンテンツへの注力、より直感的なインタラクションの提供、そしてより迅速で機能的なユーザーエクスペリエンスの提供を主な目的としています。レスポンシブデザインのために、そのシンプルなボックスのような要素、およびグリッドベースのレイアウトを使用するのも簡単です。. フラットデザインのユーザビリティ問題 フラットなデザインは私たちにすばやく雑然としたWebサイトを提供するための多大な助けと素晴らしいツールキットを提供しますが、それは特にそれが使い古されたとき、ある種のユーザビリティ問題を引き起こす可能性があります。. クリッカビリティの視覚的な意味がない 私たちが三次元効果を使うならば、それは当然私たちのデザインに深さの錯覚を与えます。これはユーザーを素早く助けます インタラクティブな要素を見つける, ボタンやアイコンのようにクリックすることも、フォームフィールドのように入力することもできます。フラットデザインに関する主な関心事の1つは、それがユーザーにとって難しいことです。 クリック可能な要素を認識する. フラット時代の前は、Webデザイナーは通常、次のようなビジュアルソリューションを使用してクリック可能性を示していました。 グラデーション、テクスチャ、隆起、またはドロップシャドウ ボタンやその他のクリック可能なオブジェクトを押したように見せる. フラットデザインはこれらの視覚的な意味を欠いており、はるかに小さいツールセットで同じタスクを解決する必要があります。 色、形、近接, そして 文脈要素. なぜこれが問題なのでしょうか。実験してみましょう. 下のスクリーンショットを見てください。このスクリーンショットに基づいて、どの要素がクリック可能かを推測してみてください。あなたが最初に考えるのはそれではありません。私たちは他の多くの似たようなユーザビリティの問題をウェブ上で見つけられる. Z軸がないため発見可能性が低い...

GoogleがChromeブラウザ用にデフォルトでHTML5に移行しているため、AdobeのFlash Playerはさらに重要な一歩を踏み出す. 今後数日以内に、GoogleはデフォルトでHTML5を有効にするでしょう, 現在Chrome 55 Stableを実行しているユーザーの1％のための機能。 Chrome 56 Betaユーザーの約50％で、デフォルトのHTML 5も有効になります. 検索エンジン大手はまた、2月に発売された際に、この機能を安定版Chrome 56で利用可能にすることを目指している。. GoogleはHTML 5を採用するとChromeブラウザのFlashを無効にする. それでもFlashコンテンツを見たいというユーザーは、Flashを手動で実行することを許可することでそれを可能にするでしょう。. 2017年1月以降、Chromeは初回訪問時にサイトごとにFlashを実行するようにユーザーに促します。 2017年10月までに, Flashが有効になる前に、すべてのWebサイトでユーザーの許可が必要になります。. GoogleとFacebookがHTML5に飛躍し、AdobeがAnimate CCを介してHTML5に移行するにつれて、Flashは今後数年以内に時代遅れになるでしょう。.