CSS Font LoadingとFont Face Observer、Web Font Loader
CSS Font LoadingとFont Face Observer、Web Font Loader ウェブ標準であるCSS Font Loadingが気軽に使えるようになるにはまだまだ時間がかかりそうだ。そのポリフィルであるFont Loaderは動作が不安定かつ開発が止まっており信用できない。代替技術としてはポリフィルと同じ開発者が積極的にコミットしているFont Face Observerと、広く使われているWeb Font Loaderがある。同じフォントの読み込みを検知する場合、この三者ではどのようにコードが変わってくるのだろうか。 以下のコード例では、自前でホスティングしているOpen Sansの読み込みが完了・失敗したらbody要素にクラスを振るという単純なケースを書き分ける。 CSS Font Loading仕様はPromiseによる実装で、読み込み待ちはPromiseで
[Service Worker] プッシュ通知の使い方
Push Notifications for the web Eiji Kitamura | April 4th 2015
![[Service Worker] プッシュ通知の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a492a16fc2e5161bac730e2eed547b850c24f22/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyJhzDV36QIRzIUsZWNZzWnJ6R8N9wZPstu5rYAJCC4YwuHNFgVoy40kkbsdsKLXkSmCF4V035SvwKYPKkr-kT9qjqKSYiWHRTNi7FMpDmowK2P3rW4a%3Dw1200-h630-p)
GitHub - chrisdickinson/digraph-tag: ES6 string template tag for quickly generating directed graph data
const digraph = require('digraph-tag') let graph = digraph` A -> B B -> C C -> D D -> A ` graph.vertices.size // === 4 graph.incoming.get('A').size // === 1 graph.incoming.get('A').values().next().value // ['D', 'A'] graph.outgoing.get('A').size // === 1 graph.outgoing.get('A').values().next().value // ['A', 'B'] // or with objects! let lhs = {node: 'left hand'} let rhs = {node: 'right hand'} let
JSON Schema Store
JSON Schemas are available for the following {0} files: Auto completion In supported JSON editors like Visual Studio and Visual Studio Code, schema files can offer auto-completion and validation to make sure your JSON document is correct. See a list of editors, validators and other software supporting JSON schemas. Tooltips When a JSON editor supports schemas, tooltips can help inform the user abo
sourceforge.jp
We’re getting things ready Loading your experience… This won’t take long.
Live Editing JavaScript with Webpack (Part III)
Part I and Part II of this series lay the groundwork for building not only the frontend code of your app, but also the backend. So far, while the system has a nice consistency, it offers little to the casual observer. Today, in this final post, we are going to look at something that no other build system can touch: using hot module replacement to update a running app live. I've always wanted a liv
Functional UI and Components as Higher Order Functions - RisingStack Engineering
Once upon a time in web development, we had perfect mental models through static HTML. We could predict the output without giving it too much thought. If we were to change any of the contents on the site, we did a full refresh and we could still mentally visualise what the output would be. We would communicate between elements on the website by a simple protocol of text and values, through attribu
調理法で高カロリーにも低カロリーにもなる事実
同じ食材も調理法によってカロリーを大きく変えることができます。 例えば魚の調理法には刺身のほか焼きや煮付、揚物などがありますが、同じ魚でもそれぞれカロリーが大きく変化することがわかっています。 例えば脂身たっぷりのブリを50〜70gほど使う場合、刺身なら135kcal程度、塩焼きなら204kcal程度なのに対し、照焼きは232kcal程度にまで数値が上がります。 煮付は味付けにもよりますが、しょうゆなら208kcal程度、南蛮漬けなら252kcal程度になります。 つまり、刺身が一番カロリーが低く、場合によっては刺身の倍近いカロリーになってしまうことがわかります。 基本は糖分や油分をなるべく控えめにすることが低カロリー化につながりますが、部位や種類を選ぶことも大切です。 肉なら牛よりも豚や鶏を選び、部位もロースより赤身の多いももなどを選ぶと良いでしょう。 ダイエット中のアスリートが鶏のささ
the-offline-cookbook-ja/ja.md at master · kuu/the-offline-cookbook-ja
Japanese translation from the original post in English. 原文: [The offline cookbook by Jake Archibald] (http://jakearchibald.com/2014/offline-cookbook/) #The offline cookbook Posted 09 December 2014 #オフラインクックブック 投稿日：2014年12月9日 When AppCache arrived on the scene it gave us a couple of patterns to make content work offline. If those were the patterns you needed, congratulations, you won the AppCache l
Fetch-with-Streams-jp
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Manga168 - เว็บอ่านมังงะ มังฮวา อันดับ1ในไทย อัพเดทไวที่สุด
Manga168 เว็บรวบรวม มังงะแปลไทย มังฮวาแปลไทย มังงะจีนแปลไทย มังงะญี่ปุ่น ต่าง ๆ เลือกอ่านได้ฟรีทุกวันตลอด 24 ชั่วโมง มังงะ รายวัน รายสัปดาห์ ไม่มีขาดตอน และยังมีโดจิน one short รวมไปถึงเนื้อเรื่องในโรงเรียน มังงะชีวิตต่างโลกแปลไทย และ มังงะต่อสู้ ชื่อดังมากมาย เว็บของเรารองรับทุกอุปกรณ์ทั้งคอมพิวเตอร์ มือถือ android iphone แท็บเล็ต smart tv และอุปกรณ์อื่นๆ
The JavaScript Problem - HaskellWiki
The JavaScript problem is two-fold and can be described thus: JavaScript, the language. JavaScript, the language, has some issues that make working with it inconvenient and make developing software harder : lack of module system (only pre-ES6), weak-typing, verbose function syntax1 (pre-ES6), late binding2, which has led to the creation of various static analysis tools to alleviate this language f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Developing Javascript Applications Supporting Simple i18n
GitHub - lebab/lebab: Turn your ES5 code into readable ES6. Lebab does the opposite of what Babel does.
GitHub - gavinhungry/typestring: String-in/string-out TypeScript compiler front-end
GitHub - shouldjs/promised: NOW PART OF SHOULD.JS DO NOT USE ANYMORE
Release v2.0.0 · eslint/js
TypeScript 1.5 Alphaに実装されたES6 modulesを試してみた - Qiita
GitHub - azu/wait-for-element.js: This library provide a function which wait until an element is visible.
less.js/CHANGELOG.md at v2.5.0 · less/less.js