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

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

ウェブ開発

• Gulp-Gruntの後の新鮮な空気の息吹のような
• RAD-js-モバイルアプリケーションを迅速に構築するためのフレームワーク
• 中つ国のフロントエンド：パート1（翻訳）
• IDはドキュメントのセマンティックを高めません
• ブロックはレンガのようなもので、バンドルは家にあります。 BEMとbem-toolsについて、現在ロシア語で
• レイアウト部門をゼロから作成 -よく調整されたチームを作成し、共同開発プロセスを編成する戦略と戦術に関するレポートを含むビデオ
• ブラウザで起動されたSassコンパイラ
• pngquant-損失のあるpngを圧縮するためのライブラリとコマンドラインユーティリティ
• 18の画像最適化プログラムの比較
• ミスバスティング：CSSアニメーションvs. Javascript
• CSSとJavaScriptでアニメーションを比較するというテーマの神話破壊の神話を打ち破る
• 防弾のアクセス可能なアイコンフォント
• コードを使用してWebフォントを作成する方法
• Themeforestを使用したエリート著者による上位5つのWebツール
• 「PSD to HTML」の概念は消滅しました
• target =” _ blank”を使用する場合
• 構文と意味
• Webコンテンツの設計アプローチが変わる場合があります
• Andoridの断片化：進行中のストーリー
• HTML5フォームでの音声入力の受け入れ
• 使用できない10個のHTMLタグ
• ブートストラップと基礎を超えて：聞いたこともないフレームワーク
• MagentoでGruntを使用するための初心者向けガイド
• ページの重みを減らす10の簡単で簡単な方法
• ページの読み込み速度に対する若干の執着
• フードネットワークとケーキでWebをより美しくする
• ブックプレビュー-ブックプレビューを作成するためのクールな効果

CSS

• CSSアニメーションのトリック：瞬時の変更、負の遅延、変換元のアニメーションなど
• hover.css：ボタンのアニメーション
• CSSレベル4以上：2014年に期待されること
• Bootstrap-Sass：Sassの公式ブートストラップポート
• CSS 3D変換の概要
• CSSを使用したユーザーエージェントの選択
• CSSアニメーションを再起動します
• 画面サイズだけでなく、周囲の光のレベルにもスタイルを適応させます
• 60fpsのスクロールパフォーマンスの達成に関する記事に続く
• CSSの単一行コメント（//）
• また、CSSを使用した垂直方向の中央揃えについて
• 3行のコード（IE9 +）を使用したCSSの垂直方向の配置
• Sassが好きな6つの理由
• CSSタイピング効果
• CSSアニメーションと遷移を使用したCSSシェイプアニメーション
• calc（）でCSSグリッドを作成する
• Webkitブラウザですでに利用可能なCSS変数の基本的な紹介
• CSS Box Modelの何が問題で、どのように修正するか （ネタバレ：もちろんbox-sizing：border-boxを使用）
• CSSグリッドインとアウト

Javascript

• クイックセットアップと簡単なNodeJSアプリケーションサポート
• Eddie OsmaniによるスケーラブルなJavaScriptアプリケーションのパターンの翻訳
• JavaScript MVCフレームワークの未来（翻訳）
• DOMを操作するための改善されたJavaScriptライブラリの作成について
• Code Combat-ゲームをプレイしながらJavaScriptでコーディングする方法を学びます
• 昨年の結果と2014年のjQuery計画、 jQuery Foundationと標準
• Node.jsの今後の計画
• JavaScriptでのWebKit移植実験
• JSを高速化する4つのハッキングと 、この記事に対する批判
• Node.jsを使用して写真付きの投票ゲームを作成する（パート1）
• 把握 -テキストではなく、構造に基づいたJSコードの検索、置換、リファクタリング
• 概念について：コールバック、約束、シグナル、イベント
• 宣言的なグラフィックス
• 目立たないJavaScriptとは何ですか、なぜ重要なのですか？
• レスポンシブJavaScript-それは何ですか？
• レッスン：コンテキストまたはJavaScriptの「これ」とは
• JavaScriptのオブジェクト間の関係を視覚化および実験するためのツール
• スキーマインスペクター -JSオブジェクトを処理および検証するためのメカニズム
• classList APIを使用してcssクラスを操作する
• AngularJSはそれほど悪くない
• AngularJSガイドラインガイド（パート1） 、 （パート2）
• Ember.js-テスト
• 剣道UIとMVVMの基本
• 動作するJavaScriptアニメーション（パート1/4）
• node-jscs-コードスタイルチェック
• iScrollがバージョン5にアップグレードされました

Webツール

• 無料のWeb開発サービスの概要
• png、jpg、gif、またはsvgを最適化されたbase64コードに変換するサービス
• dploy.io -GitHub、Bitbucket、またはリポジトリから多数のサーバーのいずれかにアプリケーションをデプロイします

ニュース

• Yandexクラウドプラットフォーム。 コカイン
• YandexはFacebookで検索することを学び 、 Facebookは人気のあるトピックを表示します
• Googleは過去64年間の音楽トレンドの人気のダイナミクスを示してきました
• Googleが32億ドルでスマート家電メーカーのネストを買収
• Century Predatory Things、またはGoogleがNest Labsを購入した理由
• GoogleがNestを取得した理由と理由
• comScore：Bingの検索クエリは年間で12％増加
• 3から7まで。ウクライナ議会はインターネット全体を厳しく規制しました。
• GoogleがAndroid用の新しいFitness APIを開発
• いつ、何がWindows 9になるのか
• Android 4.4 KitKatはモバイルデバイスの1.4％のみにインストールされています
• プレゼントを持ってくるグーグルの人々を恐れてください！
• RadionomyはWinampの購入を確認し、 iOSおよびAndroid用の新しいアプリケーションをリリースする意向を発表しました
• サーシャ・グレイは自分の画像を使用したことでテレグラムを訴えることがある
• NSAは、秘密の無線データ伝送のためにコンピューターにバグを導入します
• RoboEarth-ロボット用の単一の「思考タンク」を作成するプロジェクト
• IBMは21年連続で、米国で受け取った特許数のリーダーになりました。
• Google画像検索は画像を使用する権利を通知します ; Googleはライセンス画像検索を簡素化しました
• Vimeoはビデオの速度を上げ、デフォルトでHTML5に切り替えます

ブラウザ

• Chrome 32 Webブラウザリリース
• トラフィック圧縮をサポートするAndroid用Google Chrome 32がリリースされました
• KDEプロジェクトによって開発されたRekonq 2.4.2 Webブラウザリリース
• Chromeでは、派手なタブをすばやく計算できるようになりました
• Chrome 33 Beta：カスタム要素、Webスピーチ、その他
• Chrome 32のカスタムフォントの問題？ 多くのスクリーンショットを含むバグトラッカーのスレッドの成長を賞賛します

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

• サイトを半分に分割します
• フラットウェブデザイン
• 会議の設計専用のサイトの選択
• lamoulade.com-珍しいスクロールアニメーションを備えたクリエイティブスタジオのクリエイティブサイト
• クリエイティブなナビゲーションを備えたサイトの選択
• ビデオをヘッダー（ヘッダー）の背景として使用するサイト
• 2ダースのHTML5ゲームサイト
• クールな視差効果のあるSonyページ
• Geox Amphibiox - Geoxのクリエイティブプロモーションサイト
• ゲームのニトロチャージ-Adidas Promo Website
• hugeinc.com-スタイリッシュなスクロールスライドデザイン

設計

• サイトのモバイルバージョンを改善する方法。 推奨事項とビデオのヒント
• GUIデザイン
• チェックマーク-Artem Gorbunov局によるプロジェクト設計
• Photoshop CCでリアルな影を作成する
• 呼吸しやすい場所
• Webデザインで空き領域を使用する心に強く訴える例。
• 最新のスケーラブルなWebタイポグラフィについて
• 2014年のWebデザインの動向
• 今年目にする7つのWebデザインのトレンド（およびこれらの変化を乗り切る方法）
• 2014年はプロのデザイナーにとって有望に見えます。その理由は次のとおりです（インフォグラフィック）
• 美しいパッケージとラベルデザインに触発されました。
• Tublrが新規ユーザーを引き付ける方法
• 古くて面白いプレゼンテーション： 中国のWebデザインパターン：従来のパターンとは異なる方法と理由（Chui Chui Tan）
• Adobe Creative Cloudアップデート：
  AdobeはCreative Cloudのメジャーアップデートをリリースします
  Creative Cloud Innovation公式投稿： Adobe Creative Cloud-イノベーションプラットフォーム
  Adobe Photoshop CCはパースペクティブツールを追加します
  
• Photoshop CCで導入されたスマートオブジェクトのリンクの実験
• 搭乗券の再設計の次のバージョン
• PSDの変換：写実的なデザインは、skeuomorphism.it（Photoshopプラグイン）を使用してフラットになります
• 下劣なアイコン
• インスピレーションのための写実的なアイコン。
• 封筒の画像を使用するロゴ
• カッティングエッジロゴ -トリミングされたロゴ
• タイポグラフィ：
  
  • Photoshopで背景テクスチャを使用してタイポグラフィを作成する
  • 最新のWebタイポグラフィスケール
  • 書道と活版印刷プロジェクト
  • Jeremiah Shoafによる10の最も人気のある2013フォント
  
  

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

• イラストレーター用の離散およびパターンブラシ
• 2014年に無料のコンテンツを見つけるトップ10の場所
• Appleデバイスのモックアップ
• 5つのレトロバッジ（PSD）
• 穴あき包装
• アメージングパターンライブラリ - パターンコレクション
• アイコン：
  無料のレトロなアイコン
  PNG形式の2,800個の無料アイコン、ライセンスには著者のサイトへのリンクの配置が含まれます
  ミニマリズムのスタイルで作られたアイコンで設定します。
  12を超えるソーシャルアイコンセット
  レジャーに特化した6ダースの平らで丸いアイコン
  約50のアウトラインアイコン
  
• フォント：
  キリル文字フォントの選択
  金曜日のフォント＃6：フェニックスから通常の高密度まで
  9つの装飾的でスタイリッシュなフォント：FatからNougatまで
  Homizio Nova -laconic sans serifフォント
  Bebas Neue-常川良一によるsans-serifフォント
  Fancy Me-セリフ装飾フォント
  

デモ

• WebGL Experiment + Google Analytics + Leap Motion
• CSS3シャドウを使用したダースベイダー
• CSSアニメーションを使用したテキストのグリッチ効果
• Windows 3.1 JavaScript / HTML
• 顔の変化
• レスポンシブデザインのデモ

おもしろい

• CES 2014に続いて：
  
  • 過去に戻る-過去30年間のCES
  • CES 2014の奇妙なガジェット
  • チップの物語：CESがテクノロジー、ソフトウェア、サービスについて教えてくれたこと
  • CES 2014の結果：スマートフォン
  • CES 2014の結果：ガジェットとアクセサリー
  • CES 2014での5つの最悪の発表
  
  
• 優れたバッテリーテスト
• Computerraによる2013年のトップ20イベント
• 2014年第1四半期の20の最も興味深いオンラインコース
• マーク・ザッカーバーグ、ゼリーとバスルームのモンスター
• Skvone-最初のアンチスマートフォン
• BlackPhone-聞こえない暗号化スマートフォン
• ゲーマーがお金を稼ぐ方法：Na'viとのインタビュー-ウクライナの世界チャンピオン
• 未来の学生のためのトップオンラインプラットフォーム
• ブラウザで古いバージョンのWindowsを起動します
• 数学とプログラミング：互いに必要ですか？ 。 また、 数学はYandexがお金を稼ぐのにどのように役立ちますか？
• Google、Yandex、および代理店：2013年のSEOおよびコンテキスト広告市場の変化は何ですか？
• Google検索結果でのサイトの位置に影響を与える200の要因（インフォグラフィック）
• 瞬きはどれくらい続きますか？
• Marissa Ann Mayer（検索エンジンYahoo!のディレクター）について100秒
• ネットの中立性が失われると、インターネットが変わります。 そしてあなたの人生も
• インド人の就職面接

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

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