Web開発とITの世界からの興味深い資料のダイジェスト、先週第76号（2013年9月22〜28日）

ニュース、興味深い資料、有用なリソースへのリンクを含む次のセレクションに注目してください。

ウェブ開発

• カスタム要素：HTMLで新しい要素を定義する方法
• Mozilla開発者がinnerHTMLに代わるhtml2domを導入
• 新しいWebStorm 7：必要なものすべてを手元に
• 開発者の観点から見たGoogle Glass
• 代替ページ言語を示すHreflang属性：ツール、観察、例
• 画像最適化ツール
• Firefox開発者ツール：WebコンソールとJavaScriptデバッガー
• HTML5スコアカード：iOS 7の良い点、悪い点、嫌な点
• HTML5ビデオプレーヤーの比較
• モバイルブラウザでのメディアキャプチャ
• 強力なWordPressのヒントとコツ
• レスポンシブ画像コンテナー：レスポンシブ画像の前進？
• 便利なHTML5スニペット
• WebPグラフィック形式に追加されたアニメーションサポート
• 高性能メディアクエリの7つの習慣
• Luke Wroblewskiは、モバイルWebアプリケーションを作成するときに同じ間違いをしないように促します
• Bootstrap 3を使用したモバイルファースト
• Javascriptは、Krasimir TsonevがCSSを書くことを奨励しています
• 「レスポンシブスクロールテーブル」を作成するための新しいテクニック
• ポリマーWebコンポーネントハリケーンツアー
• HTML / CSSのブラケットライブ開発
• HTML5ビデオのフルスクリーンコントロールを非表示にする方法
• モバイルアプリケーション開発に関するEtsyプレゼンテーションでのモバイルWeb
• WebコンポーネントとPolymer.jsの使用を開始する
• bentobox.io -Webテクノロジーの初心者向けスターターパック

CSS

• CSSエリアとそれらを使用する理由
• 頭文字
• Webkitで範囲スライダーのスタイルを変更する方法
• iOS7スタイルのぼやけたヘッダー効果
• CSSリージョンとAdobe Edge Tools
• エメットスクリーンキャスト
• Jed Schmidtの多くのCSSユーモア-Intro.css（スライドとオーディオのみ）
• CSSセレクター -CSSセレクターのデモを含む便利なミニガイド
• いくつかの興味深いCSS4機能
• IE、Chrome、FirefoxのCSSを使用したカスタムスクロールバー
• 私たちはフレックスボックスを解決します：ウェブの近い将来のための興味深いCSSテクニック
• Edge Reflow CCおよびCSSリージョンを使用したiOS7の次世代レスポンシブデザイン
• ナビゲーションバーのサブメニューでメニュー要素をターゲットにする

Javascript

• MS WordからHTML5 WYSIWYGエディター（contenteditable）にテキストを挿入するときのHTMLコードを消去します
• Rainyday.js
• モバイルファーストWebアプリケーション用に更新されたYeomanジェネレーター
• JQuery 1.11および2.1 Betaがリリースされました
• jQueryに接続せずにDevToolsコンソールで$を使用できるのはなぜですか
• UnicodeおよびJavaScript
• FancyScroll.js： iOS / Androidスタイルでスクロール効果を追加
• BeforeAfter-インタラクティブな効果を追加するjQueryプラグイン
• AngularJSチュートリアル：最新のWebアプリケーションの作成方法を学ぶ
• 配列＃フィルターを使用した配列のフィルター処理
• Gruntのカスタムタスクを使用した複雑な自動化プロセス
• Backbone.jsルーター
• pace-ローディングインジケーターを追加するスクリプト
• dna.js Template Cloner -jQueryのDOMのテンプレート
• BackgroundCheck-要素の下の画像に応じて、要素の明るいバージョンまたは暗いバージョンに自動的に切り替えます
• kerningJS -Webタイポグラフィを制御する
• naverは、適応ナビゲーション変換のための小さなプラグインです
• Tabslet-タブ機能を作成するためのjQueryプラグイン
• drawingboard.js-キャンバスに描画

ブラウザ

• BrowserSwarm-ブラウザーの互換性についてJavaScriptをテストするためのサービス
• Firefox 25 Betaが起動し、Firefox 26 Auroraが作成されました
• Firefoxブラウザにセキュリティを追加する
• Google ChromeはNPAPIプラグインのサポートを拒否します
• Firefox for Windows 8はタッチ入力とジェスチャーをサポートします
• 主要な新機能とAPIを含むIE11の変更の説明
• Firefoxは最も信頼できるものとしてChromeよりも優れています
• ラインモードブラウザ2013

Webツール

• nativeformelementsは、ブラウザがサポートできる新しいフォーム要素を示します
• Google静的マップメーカー
• WPテスト-WordPressのベストテスト
• feedthebotツール-SEOおよび通常の最適化ツール
• Avatars.io -Webアプリケーションのアバター
• デバイスのピクセル密度テスト

ニュース

• 蒸気：
  
  • SteamOS -Steamは新しいオペレーティングシステムで登場します。Habréで議論します
  • SteamMachines-多数のゲームデバイス、 Habréで議論
  • SteamController-新しいタイプのコントローラー、 Habrで説明します ゲーム開発者が承認する
  
  
• ヤンデックス、誕生日おめでとう！
• Google、誕生日おめでとう！
• ブラックベリーは、その最大株主に47億ドルで販売しています
• Appleは3日間で900万台の新しいiPhoneを販売しました 。 アメリカでは、iOS 7はすでにAppleデバイスの半分以上にインストールされています
• サムスンがスマートフォンの地域ブロックを開始
• PrivatBankは世界最大の企業Linuxユーザーになりました
• 世界最古の新聞は印刷を拒否しています
• MicrosoftはSkype for Windows Phone 7のサポートを拒否し 、 Bingは独自の検索をSiriと統合し 、iOS 7用のアプリケーションを導入しました
• iOS 7はPfeiffer Consultingのユーザー満足度でAndroidよりも優れています
• Googleからのニュース：
  
  • Googleが全世界憲法のガイドであるConstituteを開始
  • Androidリモートロック
  • Googleは、検索クエリでGoogle+ハッシュタグのサポートを実装しました
  • GoogleはHummingbirdを導入しました。これは、検索エンジンの新しいアルゴリズムです
  • Googleは再びメールを謝罪しなければなりませんでした
  • Googleはリンク交換で別のヒットを打った
  
  
• 興味深い腺：
  
  • CyanogenModベースのファームウェアを搭載した最初のスマートフォンを導入しました
  • Microsoft Surface 2 / Surface Pro 2-新しいMicrosoftタブレットについて簡単に
  • OPPO N1に会う
  • サムスンは、湾曲したディスプレイを備えたスマートフォンの発表を10月に確認しました
  • NvidiaはTegra Noteを導入しました
  • 新世代のAmazon Kindle Fireタブレット-安価で強力
  • Z10はBlackBerryに9億4300万ドルをもたらしました...損失
  
  

デモ

• Chrome / Safariブラウザでピアノを弾いてメロディを録音します
• カードでのChrome実験
• FPSからFPS

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

• Rollercoaster.io-最も成功し、興味深く、タブレット向けサイトの準備が整ったコレクション
• 25の映画サイト
• 25の感動的な1ページの視差効果サイト
• brandvillage.com.aus-視差と非標準のジオメトリの共生に成功
• betweenredandtoe.com-ウェブサイトのデザインへの興味深いアプローチ
• w - not.ru-クロスワードパズルスタイルのサイトレイアウト

設計

• 日本と中国からの20以上のサイト
• インスピレーションを与えるスポーツ関連サイト
• イラストレーター、ニコライ・チュリンとのインタビュー
• フォントで遊ぶ：スタイルのスタイルがどのように変わるか
• 2013年9月のクリエイティブタイポグラフィレビュー
• UnderConsiderationによる2013 Brand New Conferenceの新しいロゴとアイデンティティ
• iOS 7のデザインが変更されたアイコン
• iOS7用の設計：危険とプラス
• スマートな人々のためのスマートな引用 -英語の正しい引用について
• デザインをオープンにする
• Adobe Photoshop Elements 12のイノベーションについて
• Photoshopの調整レイヤーの完全ガイド-白黒
• ライブバージョンよりも見栄えの良い有名なリソースの非公式な再設計
• 漫画のスタイルで作られたクールな名刺。
• ロゴデザインで反転を使用する素晴らしい例
• Illustratorでグラデーションメッシュツールを管理する方法
• Adobe Illustrator、Photoshop、またはInDesignのいずれかを使用して、印刷製品の作成に最適な製品を選択してください。
• モバイルアプリケーションインターフェイスの光沢のある透明な要素
• 色をどれだけ区別できるかを判断するためのテスト
• 革新的なコーポレートアイデンティティの例
• インスピレーションを得るためのカラフルなWebデザイン。
• 一般的な兆候の背後に隠れている設計コンセプト
• これらのフォントをダウンロードできるリソースへのリンクを備えた、最も有名な30以上のフォント
• Photoshopで複雑な選択を行う方法

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

• 無料アイコンフォント
• Adobe Illustrator用の無料のブラシ
• New Firaフリーフォント
• 景品 ：詳細なフラットUIキット
• 無料アイコンフォント
• Dribbbleからの50個の新鮮なクッキー
• Bjango Actions 2.0（PSD +アクション）
• 平らな角丸正方形UIキット
• ソーシャルアイコンセット
• インフォグラフィック素材とキットの大規模なコレクション
• Photoshopでの活版印刷効果の作成に関するチュートリアル
• 200以上のフォント：Klinic SlabからFabricaまで
• 6ダース以上の手描きPhotoshopブラシ
• フラットUIキットPSD
• 写真を処理するための90を超えるPhotoshopアクション
• ScrawlerからKr RachelのChalkboard Fontまで、チョークの碑文を模倣するための4ダース以上のフォント
• Flatty UI Kit Psd
• チャンク5から5分までの1ダース半のフォントのコレクション
• 3つのベクトル名刺テンプレート。
• 丸い社会的アイコンのセット

おもしろい

• プログラミング言語別の平均開発者収益
• ビル・ゲイツ：Ctrl + Alt + Del-間違いだった
• 有権者の群れ効果。 Muuu ... MITの研究
• 文字通りiOS 7にうんざりしているユーザー
• デリバティブおよびインテグラル-銀行口座の例
• BlackBerryの歴史（1984-2013）
• Androidモバイルプラットフォーム：5年の歴史
• Googleの15の目立たないフロントエンドソリューション
• Nvidia：コンピューターグラフィックスの背後に永遠にあるゲームコンソール
• LucasFilmは、今後どのように映画を作成するかを示しました
• スマートフォン市場。 すべてがSteve Jobsの計画に従っています
• アーティストの手の動きを繰り返すロボットと 、絵画の傑作を再現し、各ブラシストロークを再現する3Dプリンター
• Denis Kryuchkov：「インターネット上で人生を裏返すことができる安全な湾はない」
• 人気のあるサイトで20個以上のイースターエッグ
• Googleストリートビューを使用すると、大型ハドロン衝突型加速器を歩き回ることができます
• 直接開発者の口からのWordPressについて
• リアーナのInstagram写真はタイの2人の住民の逮捕につながります
• 今何人の人が宇宙にいますか
• コーディングを教えることにしたホームレスについての物語の続き

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

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