Web開発およびITの世界からの興味深い資料のダイジェスト。先週のNo. 77（2013年9月29日-10月5日）

ウェブ開発

• Googleは、Webデザイン用のHTML5エディターと、その有用性に疑問のある記事を リリースしました 。
• Fontello-アイコンフォントジェネレーター
• フロントエンドパフォーマンス 。 パート1-連結、圧縮、キャッシュ（MozillaによるNode.jsに関する12の記事のうち4つ）
• Web開発者ワークスペースの同期
• IE11でのWebサイトの固定アイコンの改善
• より高速な認識のためのUIアイコンの最適化
• Paul Irishによるパフォーマンスツール（#perfmatters at SFHTML5）
• 単一ページの高いサイトでのセクション区切りのさまざまなオプション
• インフォグラフィック：パーフェクトページの構造
• UIデザインパターンとしてのURL
• Mozilla Brick （プレゼンテーション）
• HTML5ビデオおよびキャンバスでgetUserMedia APIを使用する
• Yeomanとgenerator-webappの開始方法、 およびYeomanを使用 してCSS、Sass、Less、またはStylus用のTwitter Bootstrapをインストールする方法
• 新しいナビゲーションバーを使用してJavaScript / HTML5 / CSS3 Windows 8.1アプリケーションの人間工学を改善する方法
• Web開発者およびWebデザイナー向けの強力なアプローチ、ツール、およびトリック
• bookmarkify.it-ブックマークレットを作成するための小さなオンラインツール

CSS

• CSSで三角形がどのように構築されるかについてのすばらしい説明
• RetinaディスプレイなどでCSSスプライトの応答性を高める
• CSS3のみのスライダーの例
• CSSのiOS7スタイルの固定Webサイトヘッダーのぼやけた半透明効果
• 設計ベースのメディアクエリ
• CSSアニメーションツールとチュートリアルの選択
• CSSリージョンの概要
• CSSとアイコンフォントを使用して作成されたアニメーションのカスタムチェックボックス
• DevToolsを使用して使用するフォントを決定する
• ページの両側にあるメニューをアニメーション化するためのキャンバス外テクニックのコレクション
• 例としてGuardianを使用したCSSとクリティカルパス（プレゼンテーション）
• 印刷可能なバージョンで改ページを使用する
• WebKitのブラウザーで検索フィールドボタンを削除する方法

Javascript

• コーヒーはいりません
• Basis.jsに関するOstrovok.ruの Roman Dvornovによる報告。 フレームワークの開発を止めなかった理由
• jQuery.BEM -BEMメソッドを使用してレイアウトを操作するための宣言型アプローチ
• HTML 5とJavaScriptを使用したiOS7フロストグラス効果
• Ember.jsの使用を開始する
• AMD、CommonJS、ES Harmonyを使用したモジュラーJavaScriptの作成
• JavaScriptの安全な整数
• HTML5ビデオおよびキャンバスでgetUserMedia APIを使用する
• Web Workersでより高速なページを作成する
• 1日でAngularJSを学習するための完全ガイド
• レイアウトのスラッシングを回避する方法
• JavaScript Allong？ -Reginald Braithwaiteからの無料の本
• RSSパイプ-RSSアグリゲーターを作成および編集できるシステム
• requestAutocomplete-私のお金を取るが、時間はかかりません
• おそらく（そしてどのように）Web通知を使用すべきか
• 複数ファイルのアップロードと複数選択
• プラグインとライブラリ：
  
  • RulersGuides.js -Photoshopスタイルの定規とガイドを含めるためのライブラリ
  • jQueryの垂直ニューススライダー
  • squiggleは、テキストを創造的に打ち消すことができるjQueryプラグインです
  • Keypressは、キーボードのキーストロークをキャプチャおよび処理するための小さいながらも強力なライブラリです。
  • jQuery Custombox v1.0.0-さまざまなCSS3効果で表示されるモーダルウィンドウを作成するためのプラグイン
  • jquery-flip -jQueryの反転効果
  • 1ページスクロール -スムーズなスクロールを使用したスライドナビゲーション
  • Recline.js-大量のデータを含むWebアプリケーションを作成するためのライブラリ
  • peer.js-スクロール可能なページのレイヤー化の効果を作成するためのスクリプト
  • いくつかのjQueryプリロードソリューション
  
  

ブラウザ

• Mozilla Firefoxブラウザが待望のコード最適化を受け取りました
• FirefoxはHTML5で記述されたShumwayフラッシュプレーヤーを追加します
• Chrome Web Browserリリース30
• Yandex Browserは1歳です
• Internet Explorer 8-世界で最も人気のあるブラウザー

ニュース

• YandexのAtomプラットフォームは、誰にでも適したインターネットです
• 新しいYandex.Mapsのベータ版がオープンしました：作成した方法と理由
• Yandexはモバイル開発者に音声認識を提供しました
• アドビがハッキング、300万アカウントが侵害
• WordPress 3.7は自動的に更新されます
• Skypeはデバイス間でメッセージの同期を導入します
• W3Cは、Webページのソースコードの表示を禁止するワーキンググループを作成しました
• AppleとGoogleは、世界で最も高価なブランドのリストを突破しました
• Vkontakteの新しい戦争が始まりました。 ドゥロフは解雇で脅迫
• Pavel DurovはほとんどのUCPの主張に異議を唱えています。利害の対立はなく、質問に答え、同僚をやる気にさせません。
• キヤノン、HP、サムスン、ゼロックスはMopria Allianceと提携して、単一のモバイル印刷技術を開発および促進しました
• 新しいAndroid 4.4の写真：厳格、強力、機能的
• ロシアで開始されたGoogle Playミュージック （+ 予測可能なrunet反応 ）
• YouTube Music Awardsは11月3日にニューヨークで開催されます
• Netflixビデオサービスの人気が衛星テレビを上回る
• そして暗闇が厚くなった：政府のサイトとサービスはアメリカで機能しなくなった
• 統計： 2013年9月のAndroid統計 、Windows XPの割合は減少しており、Windows 8は成長しています
• 各国で最も人気のあるサイトをマッピングしました
• Googleは 、ジェスチャーを使用してサービスを管理できるインターフェイスの開発者であるFlutterを買収しました
• Facebookがソーシャル検索を導入

デモ

• Radius Raid -13 kB HTML5 / JSゲーム
• 水のノイズ -three.jsを使用したwebGLでの夜の海
• マイクロソフトは、ゲームホバーのブラウザーバージョンをリリースしました

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

• 何も起こらない世界で最初のサイト
• travel.ilovevitaly.com-さまざまなサイトから有用な情報を表示できる旅行者の検索、およびmaps.ilovevitaly.com-優れた機能を備えた地図
• 手首インタラクティブベクトル時計ウェブサイト
• rbv.me-要素のcss3アニメーションを含むスタイリッシュな1ページのWebサイト
• QuadriTown-ピクセルアートスタイルのゲームサイト
• Greyp Bikes-自転車のプレゼンテーションがある素敵な1ページのWebサイト
• Deep Sea Dive-ウェブサイトのデザインへの創造的なアプローチ
• studionone.com.au-記憶に残るエフェクトとカスタムポートフォリオナビゲーション
• une - cocolate - astucieuse.fr-面白いアニメーションとサウンドトラック
• d.slowlyooting.comは、スタイリッシュなデザインとCSS 3D変換を有機的に組み合わせた印象的な例です。

設計

• Webデザインチュートリアル
• 25種類のクリエイティブなタイポグラフィの例
• レスポンシブデザイン：画面サイズではありません
• イリヤ・ルーダーマンは、Arialフォントに対する嫌悪感とデザイン教育の問題について
• 優れたデザインが読者に与える影響についてのAlexander Gladkikh
• デザイナーは猫とオンラインの人気で競争するために提供されました
• モバイルデザインのアンチパターンの例
• 5分間のタイポグラフィの歴史
• 流行に敏感なロゴを作成する方法
• Photoshopでオールセインツデーに特化した約20のレッスン
• Adobe Camera Rawとは何ですか？
• Photoshopで長い影効果を作成する4つの方法
• フルスクリーンの背景を持つ20以上の壮観なサイト
• スタイリッシュなデザインと洗練された効果を備えた2013年の感動的な視差スクロールサイト
• Google Web Designer-最初の外観と小さな概要
• 2013年9月のベストPhotoshopチュートリアル
• 6ダース以上の厳選された企業ロゴ
• Adobe Illustrator初心者向けチュートリアル
• 創造的な動物のロゴ
• iOS7のアイコンを設計する方法
• モバイルチェックアウトの使いやすさのヒント
• Photoshopでレイヤーのグループ名を変更するためのスクリプト

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

• Freecns Cumulus -PNG、PDF、SVG形式の100以上の天気アイコン
• Flaticon.com：Adobe Photoshopから11,000以上のフラットアイコンを直接使用する
• BraxtonからSequiまでの8つの新鮮な装飾フォント
• 人気のあるロゴで使用される2ダース半のフォント
• Adobe Long Shadowアイコンセット
• サンセリフ装飾フォントPEYO Regular
• Paihuen Mapuche様式化されたSans Serifフォント
• Photoshop用のさまざまな角度の30個以上のブラシ
• スポンジテクスチャコレクション
• プラスチックから落書きの壁まで、テクスチャのコレクション
• PSD UIコンポーネントとイラストのソース
• Photoshopの画像のスタイリング用のグラデーションフィルター
• ポートレート写真のPhotoshopアクション
• EnfuzedのFlat UI Kit v 1.0
• 古いものとビンテージの紙のテクスチャ
• 行アイコンのセット

おもしろい

• お母さんに答える：オタクへの一般的な質問
• 自分の目で見る大型ハドロン衝突型加速器： パート1およびパート2 、 パート3
• Yandexについて少し
• insidesearch -Google検索のすべて
• 少数のロボット： 岩の上を歩くATLASと4本足のWildCatギャロッピング
• Tesla Motors-世界を変えることができる電気自動車、および1つの火災で10億ドルを爆破する方法
• デュロフと彼の製品
• Siriはスーザンベネットの声で話す
• 人気ゲーム「World of Warcraft」で映画を作ります
• トムクランシーの遺産
• FAAアドホック委員会：離陸および着陸中のWi-Fiの使用-安全
• Webジャイアントの目を通して見た世界地図
• SERM ：アメリカ人がレビューをどのように使用するか、どのようにレビューを使用するか、そして原則としてどのようにレビューを使用できるか
• コンテンツの支払いは賢明ですか？

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

先週のダイジェスト 。
ダースモールとアレクスコロビンが作成した資料