2016年版 フロントエンド開発フォーマット悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）
マルチプロセス Firefox で <option> 上のイベントが <select> まで浮上しなくなりました | Firefox サイト互換性情報
Firefox では、<option> 要素上で発動された キーボードイベント や マウスイベント は、その親の <select> 要素まで浮上します。一方 Google Chrome ではそうした浮上は見られません。この挙動は実際のところ、詳細がまだ HTML 仕様で規定されていなことから、ブラウザーによって異なります。 ウェブ互換性の向上と技術的な理由から、<select> 要素がドロップダウンリストとして表示されており、なおかつ Firefox がマルチプロセスモードで実行されている 場合、これらのイベントは浮上しません。<select> がインラインで表示されている場合、つまり multiple 属性が指定されているか、size 属性が指定され 1 よりも大きな値となっている場合、挙動はこれまでと変わりません。
Why moving elements with translate() is better than pos:abs top/left - Paul Irish
Update (2016): The more canonical writeup of this technique is at High Performance Animations - HTML5 Rocks. TL;DR: Only transform & opacity; never top/left! In modern days we have two primary options for moving an element across the screen: using CSS 2D transforms and translate() using position:absolute and top/left Chris Coyier was asked why you should use translate. Go read his response which c
Control Groups (cgroups) for the Web? - igvita.com
You've optimized every aspect of your page—it's fast, and you can prove it. However, for better or worse, you also need to include a resource that you do not control (e.g. owned by a different subteam or a third-party), and by doing so you lose most, if not all, guarantees about the runtime performance of your page - e.g. an included script resource can execute any code it wants, at any point in y
Worker modules · Issue #550 · whatwg/html
In the epic #443, we added <script type="module"> to allow execution of scripts using the ES Module syntactic goal and semantics. Previously, in https://www.w3.org/Bugs/Public/show_bug.cgi?id=22700, there was discussion of allowing modules to be the entry point for workers as well. That thread is pretty long though, and the worker-modules idea there was actually a tangent off of the original threa
Accelerated Mobile Pages プロジェクトについて -- 導入ガイド日本語版を本日公開しました
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 7 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Top | Diff of HTMLs
Unofficial diff viewer for WHATWG HTML Standard and W3C HTML. The Diff of HTMLs provides side-by-side diff view of each section between the specifications. Table of contents (TOCs) of the HTML specifications Legends: A section available at WHATWG HTML Standard. A section available at W3C HTML. Note: This site modifies TOCs to reduce unnecessary diffs. The following TOCs are not equal to the specif
Simulating Website Thumbnails using iFrames
An example of what we are building, this technique allows us to avoid using a more complex backend service to create thumbnail screenshots of our webpages.Avoiding the use of a back-end serviceOur team was building a website editor. This editor parsed a template file and broke it down into reusable components, which could then be reused in any other portion of the website. In our initial version,
Google の AMP に対応した HTML を書く - うな(｡･ε･｡)
kaiinui.hatenablog.com 先日の記事では、AMP のさわりについて書きましたが、今回は具体的に AMP がどのようなフォーマットとなっているかを追うため実際に AMP HTML を書いてみます。 まず、AMP は HTML を拡張したフォーマットになっています。また、AMP HTML は単体で動き、それ自体が適正な HTML となっています。（ですから、ブラウザで AMP HTML を開いても普通に動きます。） 具体的には、次のようになっています。 <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html" > <meta name="viewport" content="width=device-width,initial-sc
Home · takahashiakira/tech_for_web Wiki · GitHub
Technology for Web Developers Webエンジニアリングに関するトピックで、フロントエンドをメインにバックエンドやインフラ周りまで、個人的にまとめたドキュメントを公開してます。 なんの気なしに公開していたドキュメントでしたが、最近急激に読者が増えてきて、そろそろ内容も古くなってきたこともあり今後真面目にメンテナンスや運用方法を検討中です。 ※本Wikiは内容が古かったり誤りがある可能性がありますのでご了承ください。 ※内容に致命的な問題を発見した場合はお気軽にご指摘ください。 Front-end FEのためのJS基礎 これだけ覚えるべきJSの基礎 現場で使うjQuery FEの実践的なJS頻出表現 フロントエンド環境構築とnpm CommonJSモジュール運用 JS小規模なView設計 JSモジュール設計 ReactとRedux Reactの基礎 Reactの実践
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOMTokenList Validation Added in Chrome 50 | Blog | Chrome for Developers
フロントエンドはDDDの夢を見るか
HTML Standard 日本語訳
GitHub - curtisj44/HTML-Lint: A code quality bookmarklet and command-line tool
<data> HTML data element - HTML | MDN
GitHub - bitovi/testee: Automated cross-browser JavaScript testing made easy
Child browsing context names leak across origins by annevk · Pull Request #544 · whatwg/html
Google I/O 2009 Keynote, pt. 1
GitHub - roman01la/html-to-react-components: Converts HTML pages into React components
A-Frame – Building Blocks for the VR Web
