先週のWeb開発とITの世界からの興味深い資料のダイジェストNo. 97（2014年2月16〜22日）

すべてにかかわらず、有用なリソース、興味深い資料、ITニュースへのリンクを含むセレクションをご紹介します

ウェブ開発

• タイプセッターから適切なレイアウトを取得する方法
• レスポンシブレター？ お願い！
• アイコンフォントからSVGに移行する10の理由
• レスポンシブフレームワーク：できるからといって、それを行うべきでしょうか？
• レスポンシブ画像の未来
• HTML5でセクション要素（ヘッダー、フッター、メイン、セクション、記事など）を使用する方法
• SVGの衰退-SVGの人気の高まり
• Rich Media広告ユニットにHTMLを使用する（SVG / JS）
• Web開発者のスキル向上に役立つ7つのスタイルガイド
• Bootstrapでのモーダルウィンドウの処理
• 現在のページへの利用可能なリンクに関するパズル
• リンクをアクセス可能にする：開発者向けの15の黄金律
• INITとGruntでプロジェクトを開始します
• AngularGap-モバイルアプリケーションを作成するためのフレームワーク
• Panda.js -HTML5ゲームエンジン
• スニペットの小さなセレクション： Tweet For Code＃2
• レスポンシブソーシャルボタン
• スクロールジャッキング全画面効果の作成
• レスポンシブナビゲーションをサイトに追加するための8つのオプション
• Firefox開発者ツールでSass以下を編集する
• 開発者およびWebデザイナー向けの.Htaccessガイド
• Three.jsを使用したWebGL-レッスン1

CSS

• CSSカーゴカルト
• CSSアーキテクチャ
• なぜサス
• SVGでのラインアニメーションの仕組み
• Type Quest-最新のWebタイポグラフィの可能性に特化したポータル
• Stackicons-アイコンフォントとSass
• Zen Grids -Sassで構築されたレスポンシブグリッド
• Susy -Sassのアダプティブメッシュ
• リファクタリングでSassを学ぶ
• 最新のSassConfカンファレンスからの無料のSassビデオのセレクション
• SassとCompassでスタイルガイドを作成する最も簡単な方法
• CSSの3Dスロープ
• Dreamweaverの初心者向けCSS
• ブートストラップの9つの選択肢
• マジックサークル：CSSパズル
• Hocus Pocus、CSSエイリアス

Javascript

• Definer.js-シンプルなモジュラーシステム
• Init.js：フルスタックJavaScriptを使用して開発する理由と方法
• 最新のブラウザーと古いブラウザーでES5 JavaScript配列関数を使用する
• 注目すべき10のHTML5 API
• すべてのJS開発者が浮動小数点について知っておくべきこと
• JavaScriptを使用してCSSアニメーションの終了を判断する
• ES6Fiddle -ECMASCript 6をオンラインでテスト
• ハンドルバーの使用方法
• ヨーマン＃3マンスリーダイジェスト
• Ember.JS-それは何であり、なぜそれを心配する必要があるのか
• Angular Appアプリケーション構造のベストプラクティス
• JS i18nモジュールが必要なAngular JSのローカライズ
• Lrinfinitescroll -AngularJSのモジュール
• コンポーネントJavaScriptパッケージマネージャーの概要
• バニラJSを使用してHTML5 Webコンポーネントをデプロイする
• Phaserを使用して飛ぶ鳥のおもちゃを作る方法
• Google Charts APIとAngularJSを使用したチャートアプリケーションの作成-パート3
• DozerJS -REST APIを作成するための基盤
• Molecule -HTML5ゲームを作成するためのフレームワーク
• JavaScript FrameBuster Snippet -iframeでの読み込みからサイトを保護します
• CoffeeScriptとは何ですか？
• Dug.js-JSONPからHTMLスクリプト
• jQueryを使用してクリップボードにコピーする

Webツール

• 78 Google Web Fontsファミリー
• keyframer -CSS3アニメーションを作成するためのツール
• 画像プレースホルダー向けサービス

ニュース

• Whatsapp：
  
  • FacebookがWhatsAppを160億ドルで買収
  • whatsappが非常に高価な理由
  • WhatsApp Facebookの合併によりBlackBerryの株価が上昇
  • モバイルアプリケーション用のYandexキットキットのロゴとコーポレートアイデンティティ
  
  
• Yandex.Kit-Androidの代替ビュー
• Yandexは独自のAndroidファームウェアYandex.Kitをリリースしました
• Chrome Web Browserリリース33
• ショッピング：
  
  • SlickLogin-Googleの次の買収
  • Googleは広告チートから広告主を保護するためにSpider.ioを購入しました
  • AppleがTestFlightを購入
  • GoogleはスタートアップSlickLoginを購入し、サイトで適切な認証を行うための技術を開発しました
  • AppleはTeslaとの取引を開始していますか？
  
  
• Skydriveが正式にOneDriveに改名
• 2013年のYandexの純利益は135億ルーブルに達しました
• マイクロソフトは独自のSiriを使用します-アシスタントCortana
• Microsoftは、Office OnlineでWordとExcelの操作を容易にしました
• Satya Nadella：マイクロソフトはクラウド企業になる
• MicrosoftとDocuSignは、Office 365ユーザーにデジタル署名する機能を提供します
• Microsoftは、以前はOffice Web Appsと呼ばれていたOffice Onlineを立ち上げました
• VisaとMasterCardはAndroid KitKatを使用してモバイル決済を簡素化します
• すべてのユーザーが新しいバージョンのGoogleマップサービスに転送されます
• Facebookページは墓石になる

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

• 旅行および旅行サイト、 有名な自動車会社 、 モバイルアプリ 、 ぼやけた背景
• weecom.com.br-カラフルでアニメーション化されたサイト
• 流行に敏感なデザインのトレンドサイトの選択
• webeffectual.com-スクロール時のセクションごとのスムーズなアニメーション
• markcollie.com-かわいいモダンなサイトMark Collie
• baystreetbiergarten.com-概念設計のスタイリッシュなウェブサイト
• circlesconference.com-興味深いデザインソリューションを備えた別のスタイリッシュなサイト
• 心に強く訴えるグリッドベースのウェブサイトのデザイン
• delhi -timeline.in-タイムライン、視差、アニメーションを備えた強力なサイト
• vembryrsig.hallbarahav.nu-珍しいデザインとインタラクティブ
• theroyalstudio.com-非常に概念的なウェブサイト
• ただのスペースです

設計

• 理想的な404エラーページ、またはサイトでユーザーを維持する方法
• GimpをPhotoshopのようにする方法
• Adobe IllustratorでシンプルなMacアイコンを描く
• Adobe Photoshopでビンテージステンシルを作成する
• グッドデザインの原則
• Photoshopで水彩とインクでイラスト効果を作成する
• VFX業界のスペシャリストであるEric Dima-alaへのインタビュー
• 完全な調整レイヤーガイド-反転、ポスタリゼーション、およびしきい値
• プロのデザイナーの秘密を学ぶ
• 日本のサイトの歴史を再設計する
• デザインの詳細：iOS向けGoogle検索
• Ink-レイアウトドキュメントを表示するためのPhotoshopプラグイン
• トピックに関する議論：マウスカーソルが直線矢印ではなく、ある角度で回転する理由
• デザイナーがIllustratorでインタラクティブプロトタイプを作成する方法
• 黄金比+モジュラースケーリング+適応性
• Adobe Fireworksでスタイルガイドを作成する方法
• レスポンシブフォームデザイン-20のインスピレーションソリューション
• デザインのタイポグラフィについて簡単に説明します。何が特別なのか、なぜ重要なのか？
• TYPEFIGHT-タイポグラフィの戦い
• typographicposters.comは、活版印刷のポスターの優れた概要を提示します
• GUIFFF-Dribbbleの腸からのアニメーションGIF
• 面白いロゴ

無料のデザイナーCookieの選択

• 無料のサンセリフフォント
• admin部分にユーザープロファイルの詳細がデザインされたPSD
• インフォグラフィックを作成するためのベクトルヴィンテージの要素。
• Photoshopでレトロな写真効果を作成するための10のアクション
• アウトラインアイコン（ラインアイコン）を備えた40個のセット
• グロー付きの黒いコメントアイコンの形の100以上のソーシャルアイコン
• レトロスタイルの7半ダースのフォント：Deftone StylusからTop Speedまで
• 金曜日のフォント＃10：切り刻まれたキログラムから定型化された最後から2番目まで
• Streetwear -Stylish Bold Retroフォント
• ミンクタイプ -手書き文字のフォント
• デザインに役立つ9つのフォント：FRITZ＆RODUS to Bom Retiro

デモ

• WebGL上のオーシャン
• Quakejs
• ViziCities-ブラウザーでの都市地図の3D視覚化
• アニメーション表示でのオリンピックロゴの歴史。
• ThreesJS-ゲームThreesの小さなブラウザークローン
• 馬のメリーイヤー - 馬デザイナー

おもしろい

• 2013年の最も革新的な10のテクノロジーとそれらに基づくスタートアップ
• マーケティング担当者が嫌いなこと、またはIT専門家が買い物に行った方法
• さようなら、ビットコイン！ 暗号通貨レートは100ドルを下回りました
• インフォグラフィック：モスクワ、ニューヨーク、ベルリンでのセルフィーの違い
• ビル・ゲイツの新しい啓示：マイクロソフトの創設者への8つの質問
• Google Glass：美しくて...役に立たない！ 実際、サイバーポイントの使用は何ですか？
• これはすでに過剰です：Flappyoincryptocurrency
• ティムクックが吸う理由
• サムスンは再びアップルを荒らし
• ストリートビュー技術で国立公園への旅
• Zuckがwhatsappにお金をかける

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

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