GitHub - addyosmani/timing.js: Navigation Timing API measurement helpersYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
『フロントチューニンガソン 最速を目指すには』
11:10～ 課題ページの確認＆PageSpeed Insightsの実行目的：チューニング対象のウェブサイトの改善の余地を調査 上記のgruntプラグインをインストールする npm install コマンドを実行しながら、ブラウザやIDEでチューニング対象のウェブサイトを確認し始めました。 少し見ただけでもCSSの構文エラーがあったり、使っていないJavaScriptライブラリがインポートされていたり…。 まるで無茶な運用を数ヶ月続けたかのような、カオスなファイル群でした。 ここで実行した PageSpeed Insights に画像サイズの最適化をオススメされたので、まずはそこから行うことにしました。 11:20～ 画像ファイルの最適化目的：画像ファイルサイズの削減 30 x 30pxで表示している画像ファイルが実際には150 x 150pxで保存されていたりする画像がそこそこあったの
Post by @0-9
var interval = setInterval(function () { // 前提条件 if (!$('body').length) { return; } // 実行コード alert('ready!'); // 監視停止 clearInterval(interval); }, 100);
CSS and jQuery Image Comparison Slider | CodyHouse
Image Comparison Slider A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user 'feel' the product. A comparison image slider is one of those. If you look at the Sony Ultra HD TV product page, they use this approach to emphasize the difference between their display res
[v2] Apple Watch Face Imitation (Customizable)
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
![[v2] Apple Watch Face Imitation (Customizable)](https://cdn-ak-scissors.b.st-hatena.com/image/square/ccd4bba4c1b984c9228a0a88e601fa0ddce5396e/height=288;version=1;width=512/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fi.cdpn.io%2F139622.cGxhl.a2a32dbf-98e1-46bd-9d4a-d469f38e0a8f.png)
「for やめろ」またはイベントループと nextTick() - Block Rockin’ Codes
ものすごく遅レスですが、LLDiver で @esehara さんの LT であった話。 forやめろ、あるいは「繰り返し」という呪縛から逃れるために 簡単に言うと、 1~10 までを出力する方法を複数考えるというもの。 for, while, 再帰, goto etc.. と出て、途中で終わっちゃったので結論はよくわかりませんでしたが、 Node ではどれも使わずにできるな、と思ったのでちょっと例を出してみます。 ちなみに、タイトルでネタバレしている通りイベントループの話です。 そしてよくある「イベントループとは何か」「なぜ止めてはいけないのか」「process.nextTick() とは何か」「setImmediate() と何が違うのか」 などを解説する良い例だったので、書いてるうちに実はそっちがメインの解説となりました。 サンプルの実行結果は Node v0.11.13 です。(書
電通ワンダーマン
Discover great domain names at highly discounted prices: the curated daily list below features 30+ descriptive and exact-match domains, often with typical retail values landing between $1,000 and $3,000. Every single domain is offered at wholesale pricing - 2% of their approximate retail value. Don't just take our word for it - check out the page for each domain, it contains a wealth of informatio
HGO909🛩 Link Daftar Bandar Slot88 Resmi & Link Slot Gacor Online Maxwin
HGO909 adalah salah satu bandar Slot88 resmi yang dikenal dengan tingkat kemenangan tinggi dan peluang maxwin yang besar. Dengan beragam pilihan permainan dari provider ternama seperti Pragmatic Play, PG Soft, dan Habanero, HGO909 menjadi pilihan utama bagi pemain slot online yang mencari situs gacor. Selain itu, situs ini selalu menyediakan link daftar terbaru yang memudahkan pemain baru untuk be
Responsive Components Using Context Queries
Media queries make a website respond to the viewport. But what if we could make site components respond to their container? Warning! The post you are viewing is out of date and almost certainly no longer accurate. For more topical posts, check out the “related reading” at the bottom of this page or drop me an email with any questions. I’ve been having a play with the idea of determining the contex
Introducing the Screen Orientation API — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Everyone uses the web in a different way. There are people who use it to chat, others use it to watch movies, and others use it to play games. For those of you who access the internet to play games on their mob
Polyfill.io
What is Polyfill.io? It's a service which accepts a request for a set of browser features and returns only the polyfills that are needed by the requesting browser. Why do I need it? There are lots of differing browsers and browser versions in use throughout the world, each one has a slightly different set of features to the rest. This can make developing for browsers a difficult task. The latest v
forループの中でsetTimeoutしたらiはどうなるか - console.lealog();
この手の話題は記事タイトルが本当につけにくいｗ 今回も備忘メモです。 for(var i = 0; i < 3; i++) { setTimeout(function(){ console.log(i); }); } このコード、実行するとどうなるでしょう？ こうなる for(var i = 0; i < 3; i++) { setTimeout(function(){ console.log(i); }); // 3 が3回 } 思ってたのとちがう！ こうすればOK for(var i = 0; i < 3; i++) { (function(local){ // とじこめる setTimeout(function(){ console.log(local); }); }(i)); // とじこめる！ } すごーくざっくりした理解ですが、 JavaScriptはシングルスレッド setT
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript for OS X Automation by Example
Unpacking the Black Box: Benchmarking JS Parsing and Execution on Mobile Devices
Redirecting…
Fitter Happier Text
JavaScript for Automation Release Notes
window.onload vs document.onload
Be careful with setTimeout in loops (Example)