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

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

ウェブ開発

• HTMLセマンティクスの技術、パート1
• 2014年のAPIの未来
• 適切に実装されたレスポンシブ画像：Picture要素とsrcset属性を使用するためのガイド
• Picturefill 2.0：レスポンシブ画像に最適なポリフィル
• メールは応答可能ですか？
• モバイルWebは非常に高速であるため、Vin Dieselでさえ競争できません。
• 変形ボタンを備えたクールなコンセプト
• グリッド要素のロードおよびホバリング時の創造的な効果
• メーター; HTML5要素
• PhpStormを使用したWeb開発
• Gulpコマンドを実行するChromeの拡張機能
• ImageMinアプリ -画像の最適化（Grunt、 Gulp ）
• devcast.co -JS、Python、Ruby、およびデータベースの設計、開発に関するレポートを含む多くのビデオ
• Zurb Foundation 5を使用したグリッドの概要
• 動作ブレークポイント：メディアクエリを超えて
• Bowerの使用を開始する方法
• SVGを使用するための設計ガイド、パート1
• 最もクールなHTML5テンプレート
• フォーム内のラベルの配置に関する優れたガイド
• Danny TuppenyによるWeb開発はひどく良くなることはありません
• ポリマー入門：マシューマクナルティによる新世代のWeb開発
• Christian Vuerings のフロントエンド開発プロセスを合理化する

CSS

• Chris CoyerがFlexboxのガイドを更新
• 使用方法：疑似セレクター：代替ページ設計のターゲット
• Sassの非スロップ色変数
• CSSシェイプポリフィル
• 10分で簡単に実行できるアニメーション化されたCSSトランジションを使用するためのアイデア
• StackOverflowで各文字が異なる色の半分で構成されるテキストをレンダリングするための興味深いオプション
• 純粋なCSSの3D立体視テキスト
• ホバー効果のある理想的な下線テキスト
• WTF、フォーム？ mdoからのフレンドリーなマークアップフォーム。 （IE9 +）
• かわいいcss形状のギャラリー
• 1つのhtml要素を使用する純粋なCSSプリローダー
• Ladda Buttons-ブートストラップのボタン効果
• 純粋なCSSのゴールデンゲートブリッジ
• DynCSS-動的CSSルールをサイトに追加
• 高度なWebタイポグラフィ：カーニング
• 3D効果を作成するためのCSS3スニペットとチュートリアル
• StyleStats-CSS統計を収集するためのNode.jsのパーサーサイト

Javascript

• waSlideMenu.js-階層化スクロールメニュー
• CoffeeScriptを使用したjQuery
• ネイティブプロミスのみ（NPO） -ネイティブES6プロミスの実装に近い愛好家
• DOMナビゲーション関数の再考
• Intlと連携します
• JavaScriptでの読み込みの仕組み-DOMContentLoadedおよびOnLoad
• JavaScript OOPの4つのレベルを理解する
• ブートストラップアクセシビリティプラグイン
• JSフレームワークはもう必要ありません
• IndexedDBの使用の概要
• 構造化されたJavaScriptを書くことを学ぶ
• D3.js、Three.js、およびMapbox APIを使用して作成されたインタラクティブマップ
• Jest -JSユニットの簡単なテスト
• rangelider.js-タッチデバイスをサポートするtype = "range"フィールドの単純なポリフィールド
• VanillaMasker-入力データをマスクするためのライブラリ
• Filtrex-エンドユーザー向けのJSフィルター式のシンプルで安全なコンパイラー
• VVVV.js-ブラウザーでバイアル化を記述するためのVVVVプログラミング言語

Webツール

• スタートアップを支援するには：40枚の無料の写真素材
• Web 3D：ブラウザを離れずに3Dを操作する方法
• Framer.js-アニメーションでインタラクティブなプロトタイプを作成するためのツール
• optimizilla-画像最適化サービス
• waterpipe.js-抽象的な形の画像ジェネレーター
• dumb.domains-ダムウェブアドレスジェネレーター

ブラウザ

• ディープDRMの実装、またはBrendan Ikeが去った後のFirefoxを待っているもの
• フリーソフトウェア財団は、MozillaがFirefoxでDRMを削除するよう奨励しています
• 新しいFirefoxインターフェース用に作成されたアドオンのコンテスト
• 新しいトレンディなFirefoxインターフェースを無効にして、すべてを元に戻す方法8
• Mozillaは古いブラウザのFirefoxを強制的に更新しようとします
• Firefoxに戻る時間です
• Firefoxのメモリ消費に対するAdBlock Plusの影響
• iPad用の7つの代替ブラウザー

ニュース

• MicrosoftはOutlook.comに多くの改善を加えました
• Artemy Lebedev Studioは、Foursquareのロシア語版であるGoodwalkアプリケーションをリリースしました
• Twitterは不要なユーザーのツイートを非表示にします
• Gmailは大きく変わる可能性があります
• Heartbleedの脆弱性はサーバーの半分でのみ修正されました
• Facebookが新しい視聴者分析サービスを開始
• Google Glassは米国のすべての人が利用できるようになりました
• マイクロソフトはiOSおよびAndroidでの存在感を拡大する予定です
• AppleはiPhone 6のリリースを加速し、スマートフォンにNFCサポートを追加し 、 画面解像度を1704x960ピクセルにすることもできます
• Googleはナレッジネットワークをマップに埋め込みます
• YahooはBlink Secure Messenger Developer Companyを買収しました
• サムスンはAppleのタブレット市場のギャップを埋めています
• Pinterestサービスは2億ドルの投資を受けてから50億ドルになりました
• 1行：
  
  • Evernote Notepadには既に1億人のユーザーがいます
  • Googleはユーザーのリクエストに応じて検索から情報を削除します
  • GmailはAndroidデバイスで10億回ダウンロードしました
  • ロシアは世界で10番目に大きいスマートフォン市場になりました
  • Tizenのスマートフォンは間もなくロシアとインドに届きます
  
  

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

• クールな色のサイト 、またはかなりカラフルなサイト
• 教育サイト
• インタラクティブな404ページ。
• カスタムシェイプとデザインのコーナーを持つ25のサイト
• hyper - m.jp-疑似3D効果を持つ興味深いデザインコンセプト
• alessioatzeni.com-楽しい3次元アニメーション効果
• 興味深い実装ギャラリー
• liplover.ca-疑似インタラクティブで視差のある垂直の女性サイト
• benoitchabert.ca-視差効果を備えた珍しいインタラクティブなサイト
• wilsonsideral.com.br-別の垂直視差ウェブサイト
• trophees - du - bar.com-別の視差サイト、今回は水平
• landerapp.com-興味深いアニメーションを含むスクロールサイト
• flyjetedge.com-カスタム効果のある航空会社のウェブサイト

設計

• アプリケーションインターフェース：ミスとそれらを繰り返さないための16のヒント
• エラーメッセージが悪である理由
• Quoraアプリの再設計履歴
• グラフィックエディターの戦い：Photoshop CC対Sketch 3
• 11 Facebookの再設計の概念
• 1つのインタラクティブアプリケーションで収集されたすべてのPhotoshopショートカット
• Webデザインのゴーストボタン：新しいトレンド+そのようなボタンを持つサイトの例
• ニューヨークのデザイナーはフラットなデザインを新しい角度から見ました
• 設計に関して正しい決定を下す方法
• フォーム上のプレースホルダーは有害です
• 設計原則：宇宙および画像ベースのコミュニケーション
• インフォグラフィックスタイルの履歴書-自分を宣伝する技術
• モバイルアプリケーションとWebアプリケーションのユーザーエクスペリエンスの向上に役立つ10の原則
• 超小型デバイスを含むモバイルデバイスがWebデザインに与える影響
• Joshua SortinoのDisqusデザインの作業中に学んだ14のこと
• Facebook Origamiプロトタイピング
• 完全なPhotoshopカラーガイド-スポットカラー
• Photoshopでケチャップで書かれたテキストの効果を作成する方法
• 写真の色に基づいてカラーパレットを作成する
• Photoshopチュートリアル付きのYouTubeチャンネル
• それでは、ベジェ曲線の水平および垂直コントロールの問題点は何でしょうか？
• 2014年の世界のロゴのトレンド
• Discover.typographyオンラインサンプルタイポグラフィリファレンス Hoefler＆Coから
• Google Web Fontsの最高のフォント、およびその使用とフォントペアの選択に関する推奨事項
• でたらめのないピクセルアート：週1
• 初心者と経験の浅いデザイナーのために学ぶべきこと
• カーニングとメトリックに関する10のヒント

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

• イラストレーター用の無料のシンボル
• ka• ku-テキストレイヤーを別の言語に翻訳するためのPhotoshopプラグイン
• 画像付きのトップリソース
• デニムの写真テクスチャ
• 新鮮なUI画像とレイアウトを備えたPNGとPSD
• レコーディングスタジオツールを備えたベクターグラフィックセットオーディオセッションキット
• ベクターソースを含む30個以上のヒップスターバッジ
• LineIconsアウトラインベクトルアイコンを設定
• Linea-ベクトルアウトラインアイコンのセット
• ビジネスと金融に専用のベクトルアイコンを設定します。
• 丸いソーシャルネットワークのアイコンを設定します。
• Font Awesome 4.1の最新バージョンには71の新しいアイコンがあります
• Source Serif Pro-アドビのクラシックセリフフォント
• Hovel Sans-Serif装飾フォント
• Reckoner-プレーンおよびボールドスタイルのサンセリフフォントのファミリー
• 今週の無料フォント：追跡する男爵

デモ

• キャンバスの虹タコ
• 「物理」オブジェクトからのタイポグラフィ
• WordChain-クロスワードパズルゲーム
• WorldUnderWater-世界的な洪水後の世界で最も有名な場所の視覚化

おもしろい

• 週末に読むもの。 ゲームニュースダイジェスト
• 高速ロボットアーム
• ANTVR：ハイブリッドコントローラーを含む興味深いライバルOcululs Rift
• 2014年の最も革新的な企業40社
• マーク・ザッカーバーグの30歳の誕生日に関する30の興味深い事実
• 3Dプリンターで印刷できる10の珍しいもの
• シリコンバレーの現実世界に関する10の事実
• カリフォルニアはまだスマートフォンの強制キルスイッチオプションの法案を可決しました
• 素晴らしいスマートフォン戦争
• 今週の最も興味深いクラウドファンディングプロジェクトの概要
• OutRunnerロボットは最大32 km / hの速度が可能
• スタートアップの非技術系従業員の仕事に関する神話
• iForum 2014の最もクールなレポート
• Googleヘッドハンターが卒業証書を気にしないのはなぜですか
• 体内で柔らかくなる柔軟な電子機器が作成されました。
• シリコンバレーがもはや技術のメッカではなくなった理由

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

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