先週の第110号（2014年5月18〜24日）のWeb開発とITの世界からの興味深い資料のダイジェスト

役立つリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

• RWD用の新世代ツール：Webflow、Edge Reflow、Macaw
• Googleがルービックキューブを使用してインタラクティブなボリュームドゥードゥルを作成した方法
• HTMLワイヤーフレーム
• ShortCutFoo-ホットキーを学習し、作業を高速化（Sublime、Photoshop、Git、WebStorm ...）
• モバイルデバイスとサイトのアクセシビリティ ：なぜそれを心配する必要があるのか​​、それについて何ができるのか
• 外部リソースのSVG `use`
• サイト上の記事の紹介のためのクールな効果
• 重要な詳細を含むNode.jsおよびMongoDBの概要
• 私の5（9？）お気に入りのHTML5 API
• HTMLマークアップHTM5フォーム
• ラチェットフレームワークの一部であるpush.jsを使用したマルチスクリーンモバイルWebアプリケーションのプロトタイピング
• Web上のカラータイポグラフィ：カラーフォントの準備をする
• Gitリポジトリを新しいサーバーに転送する
• 応答画像を修正した方法
• GoogleはJavaScriptページの実行方法を学びました。また、ウェブマスターツールで間もなく利用可能になるはずの新しいツールを発表しています

CSS

• Webレイヤーモード
• CSSで丸い、平らな、反転するラジオボタンを作成する
• tuktuk-オブジェクト指向のCSSフレームワーク
• CSS：良い部品
• CSSの単一責任
• CSS最適化ツール
• IE10 でのHTML5フォームのCSSのサポート+
• SassでGoogle Fontsを使用する方法 （初心者向け）

Javascript

• MooTools 1.5リリース
• Javascriptのクロージャー[パート1]
• JavaScriptを置き換えるためにGoogleが開発したDart 1.4プログラミング言語の更新
• MozillaがJavaScript用の静的コードアナライザーScanJSを開発
• アプリケーションの基盤は Angular.js上に構築されます
• 上昇イベントを停止する危険性
• Object.observe（）によるデータバインディングの革命
• JavaScriptで大きなオブジェクトとWebワーカーを操作する
• 挿入された非同期スクリプトは有害と見なされます
• JavaScript Webルーティング規則
• 謎のJavaScript NaNストーリー
• JavaScriptでブール値の省略形を使用してバイトを保存する
• Snap.svgを使用したインフォグラフィックの作成
• jQuery.Fullpage-Menu.jsを使用したフルスクリーンアニメーションメニューの作成
• Device Orientation APIの概要
• フォーム角
• JavaScriptでメディアクエリを使用する（AbsurdJSを使用する場合）
• Mithril-超高性能アプリケーションを作成するための軽量フレームワーク
• Jr-テキストとMarkDownを使用したクライアント側の静的サイトジェネレーター
• multiScroll.js-異なる方向への同時垂直スクロールを実装するためのjQueryプラグイン
• HTMLとJavaScriptを使用したフレームごとのアニメーション
• レスポンシブHTMLテーブル
• 流星対角
• EmpireJS 2013からのビデオ
• FutureJS 2014カンファレンスのビデオ

Webツール

• Kaspersky-Cyber​​stat ：リアルタイムのサイバー平和統計
• HTML-Now：レイアウトを開始するためのクイックHTMLテンプレートジェネレーター
• PageSpeed Insightsツールでサイトをモバイルフレンドリーにします
• encoder.io-画像最適化サービス
• oozled-設計からWeb開発まで、41のカテゴリを持つ500以上のリソース
• designcrit.io -Webページまたはアップロードされた画像に注釈を付けるためのサービス
• FilePreviews.io -Chromeの拡張機能で、PSD、AI、DOCのコンテンツだけでなく、ビデオファイルとオーディオファイルをブラウザで直接表示できます

ニュース

• Rostelecomは、Sputnik検索エンジンを開始しました 。 スプートニクは離陸します
• IntelのHaswellベースのMicrosoft Surface Pro 3は予約注文が可能です 。 （ Surface Pro 3の使用に関する第一印象
• Dobra CorporationはTwitchゲーム放送サービスを10億ドルで購入しています。Google の最新購入に関する業界のコメント 。 調査： GoogleがTwitchを購入する理由
• ルービックキューブは40歳です。
• GoogleはWord Lensのリアルタイムテキスト翻訳アプリケーションを購入しました
• Kairosは、透明なOLEDディスプレイを備えた機械式時計をリリースします
• NASAは6月3日に「空飛ぶ円盤」を発売します
• ほぼホログラム：MITは革新的な3D視覚化システムを作成します
• Android向けGmailでは、添付ファイルをGoogleドライブに直接保存できるようになりました
• 警告：GoogleはPanda 4.0を起動します！
• 中国は政府へのWindows 8のインストールを禁止しました
• Googleブランドは世界で最も高価になりました
• Steam In-Home Streaming-またはゲーミングコンピューターをバルコニーに持っていく
• YouTubeは新しいアプリケーションをリリースし、作成者をサポートする機能を追加します
• ユニバーサルニュースアグリゲーターAnewsがウクライナでローンチ
• EUと米国のintelligence報機関が16カ国で97人のハッカーを逮捕

ブラウザ

• サーフィンを安全にするChrome、Firefox、Operaブラウザー用の6つの拡張機能
• MozillaはFirefoxでの違法なビデオ視聴に対する保護を追加します
• Chrome 35 WebブラウザーがAura Linuxグラフィックスタックを起動
• Firefoxは新しいコンフィギュレーターとページ翻訳サポートを導入します
• Webアニメーション：element.animate（）は既にChrome 36で動作します

興味深いデザインと機能を備えたサイト

• あなたの時間を殺すことができる19の最も役に立たないサイト
• 世界でトップ10のフラッシュサイト
• epic.net/mmxiv-サイトゲーム「Spartans vs Hipsters」
• 古典的なサイドメニューを備えた最新のサイトの例
• purplerockscissors.com-背景にビデオがあるウェブサイト
• cleverbirds.com-最新の効果を備えたフルスクリーンWebサイト
• eberamaya.com-斜めのモダンなデザインと興味深いアニメーション効果のあるサイト
• rts.ch/bdc/-大胆なデザインの垂直ウェブサイト
• friends.houseof207.com-元気いっぱいのスクロールアニメーションを含む垂直サイト
• wybieramyklienta.pl-珍しいデザインと動作のウェブサイト
• jamesorjamie.com-軽いアニメーションを使用した水平テーマのウェブサイト
• bevisionare.com/-スライドナビゲーションとスムーズなアニメーションを備えたサイト
• letters - inc.jp-コンセプトデザインとスクロールアニメーションを備えた日本語サイト
• czk.fr-創造的なアニメーションと視差を持つ垂直スクロールサイト
• greygroup.pl-サイトの背景の興味深い実装
• agencysurvivalkits.com-いくつかのブロックの興味深いアニメーション
• thobeck.com-ページ全体のオブジェクトの色を変更する興味深い機能を持つサイト
• 404ページを作成するときの使いやすさに焦点を当てる

設計

• 4元AppleデザイナーからのAppleデザイン神話
• Mozilla Foundationが高品質のFira Sansフリーフォントを発表
• デザイン分析：Livejournalの新しいインターフェイスの弱点
• キリルフォント：Runetスペシャリストの選択
• UIとUXデザインの違いは何ですか
• 最も人気のあるWebポートフォリオデザインの秘cks
• Webデザインのフラットイラスト。
• 恐竜はFacebookの新しいマスコットになりました
• iTunesの再設計コンセプト
• Photoshopのエレガントな光沢のある活版印刷効果
• 「透明な」タッチスクリーンを備えたスマートフォンのコンセプト
• アメリカ人はマクドナルドの新しいマスコットを批判しました
• デザイナーMenへのインタビュー
• ウェブ向けの設計： 部 Design Web Field Manual 、基本原則、テクニック、アプローチの概要
• これまでに読んだ中で最も楽しいランディングページ最適化ガイド
• Webデザインでクールな手書きフォントを使用する例
• ハンバーガーナビゲーションを避ける理由と方法
• 盆栽スライスのゲームデザイン開発プロセス
• Spotifyプロジェクトのアイコンを作成する
• Cobblestoneプロジェクトのデザイン作成
• Photoshopフォントパネルの再設計
• PhotoshopのAからZ （キーボードショートカットとツール）
• 2014年の最新のロゴデザインの動向-概要とレポート
• インスピレーションを得るための20個のロゴスケッチ
• 2014年4月の最高のフォントファミリ
• アニメーションタイポグラフィ -クールな変形とテキストアニメーションを使用した4つのビデオ
• thedayscolor.com-日常のカラーパレット

無料のデザイナーCookieのセレクション

• Griddify：ガイドとグリッドを作成するためのPhotoshopの小さなパネル
• ティント/パンチの効果を作成するPhotoshopアクション
• さまざまなサービスから一時的な画像を挿入するSketchのプラグインのコレクション
• Behanceからの写真のパック
• スタイリッシュな質感
• 2014年の5ダースの最高のPSDウェブサイトテンプレート
• Jeffersonと呼ばれる暗い背景で作成されたコンポーネントを備えた、モダンなフラットデザインのUIキット
• Themifyアイコン-iOS7のデザインに触発されたアイコンのセット
• 六つのスタイルでフラットなデザインのソーシャルネットワークのアイコンではない72のベクトル
• ビジネスと分析のテーマに長い影を持つフラットベクトルアイコンのセット。
• 輪郭のミニマルなアイコンのセット。
• PNG形式のフラットなデザインの5つ半のソーシャルネットワークアイコンのセット
• 3pxベクトルアウトラインのアイコンを設定
• 今週のフォント：装飾的なDualから洗練されたGaranta sans-serifまで
• ベルリン -表現力豊かなヘッダーsans-serifフォントまたはslab-serif

デモ

• HTML5の実験とデモ
• WorldJS：人類史のシミュレーション

おもしろい

• ウェブサイトの読み込み速度が販売に与える影響
• Coursera教師へのインタビュー
• ダウリアは大きなマイクロサテライトレースに参加します
• DARPAとOculus'amiによるサイバー戦士
• Satya Nadellaがわずか3か月でMicrosoftを完全に変えた方法
• 点字キーボードを備えた最初の携帯電話
• 日本人はドローンとダンスを設定しました
• 米国では、限られた場合に小型ドローンの商用利用を許可する場合があります
• 何世紀も前にInstagramが登場していました
• ルービックキューブを収集する方法は？
• マイケル・ジャクソンはホログラフィックのおかげで「復活」し、2014年ビルボード音楽賞に出演しました
• なぜ中国人は数字を好むのですか？
• シリコンバレーがもはや技術のメッカではなくなった理由
• なぜ実際のブラウザベースの3Dゲームの時間ですか
• Wolfram Mathematicaの2048ゲーム
• 3Dプリンター、3Dスキャナー、「テレポートマシン」を1つのボックスに収めた、世界初の3D印刷用MFPを導入
• Appleオンラインストアの歴史
• 今週の最も興味深いクラウドファンディングプロジェクトの概要
• KickNews KickStarter＃3で最も興味深いプロジェクト
• Googleの10のクールなインタラクティブなDoodle
• 未知のヒーロー：まれであまり知られていないARMプロセッサー
• グラフェンとは何であり、どのように興味深いですか

入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。