shwups-cms.chThis domain may be for sale!
Fullscreen API と 闇 - Browser
Fullscreen API は動画再生やゲームなど全画面にし没入させたい時などに使います。 iOS Safari と Opera Mini, Android Browser 以外のモダンブラウザで動作するようです。 Can I use... Support tables for HTML5, CSS3, etc サンプル 下のボタンを押してみたください。 フルスクリーン対象は真ん中の DIV タグ部分となっています。 Fullscreen API 使い方 document."プレフィックス"FullscreenEnabled で Fullscreen API が使えるかどうかを調べて、 document."プレフィックス"RequestFullscreen() でフルスクリーン表示を開始します。 今回使っていませんが、"プレフィックス"ExitFullscreen() でフルスクリーン表
JSONProxy
Enables cross-domain requests to any JSON API. Very useful for mashup sites - since API calls can be done client-side, no server code is needed. Note that exposing API secret keys in client code is discouraged. Easy: JSONP For APIs that support JSONP. Example using jQuery.getJSON(): https://jsonp.afeld.me/?callback=&url= Easier: Cross-domain AJAX For browsers and APIs that support CORS. Example us
Measuring Performance
Clients care deeply about web performance and they depend on us to articulate and measure how well their website is performing. If you have a service level agreement (SLA) with your client, and you should, then learning how to measure key metrics is crucial to you and your business. There are great paid products on the market that can keep track of a website's performance, but there are plenty of
requestAnimationFrame and Date.now in WebKit - latest log
2015-03-03 の一連のツイートがこちら performance.now() iOS 8.0 で追加されて、iOS 8.1 で削除されてた— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 正しくは、「iOS 8.1.1 で」ですね performance.now() 削除されてたのソース。 WebKit のとこ https://t.co/gvpnz9Wwk2— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 performance.now()の無効化が何故痛いかというと、Date.nowは相当重い部類のAPIという認識なのでアニメーション中には一回も呼びたくないしTimer系を呼ばないように組み上げると速くなる。 その辺の事情を知らない人はバンバン呼んでるけど、あれはよろしくないです— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3
Jank Free: Let's Make the Web Silky Smooth!
What is Jank? Modern browsers try to refresh the content on screen in sync with a device's refresh rate. For most devices today, the screen will refresh 60 times a second, or 60Hz. If there is some motion on screen (such as scrolling, transitions, or animations) a browser should create 60 frames per second to match the refresh rate. Jank is any stuttering, juddering or just plain halting that user
Service worker が拓く mobile web の新しいかたち
ネイティブアプリのようにプッシュ通知を送ることができる、ServiceWorker + PushAPIについて。 5/17 Oracle Code Tokyo 2019、5/18 JJUG CCCのセッション資料です。https://togetter.com/li/1356223 も併せて参照ください。 以下、Oracle Code Tokyo 2019 https://www.oracle.co.jp/events/code/2019/ でのセッション概要より転記します。 -------- 2019年1月末で、Oracle JDK/JRE 8の商用ユーザー向けのPublic Updatesが終了しました。また、Java 9以降ではJDKのリリースモデルが変更になり、並行してOracle JDK 8までの商用機能がOpenJDKに寄贈されていきました。 こうした流れにより、特にJava 9
Introduction to Service Worker
2015/2/21に開催されたFrontrend Conferenceの「Introduction to Service Worker」のセッションの資料です。
GitHub - yahoo/preceptor: Test runner and aggregator
##What is Preceptor? Today, there are a lot of testing frameworks out there, many of which are optimized for testing specific areas. A couple of these frameworks are: Mocha - The most popular unit-testing tool (according to NPM downloads), testing each individual unit/component of a system in isolation. Cucumber - A high-level acceptance testing tool that tests features through scenarios, giving p
BrowserSync 2.0
DigitalOnlineTechnology BrowserSync 2.0 Since BrowserSync’s inception, the code and action syncing features have improved the efficiency of multi-device/multi-browser workflows for developers across the globe. Having said that, we have listened to feedback from the community and thought about how we could go even further. Whilst having clicks, scroll position and form inputs mirrored across device
モバイルフロントエンドで通信を削減する方法まとめ《AngularJS Advent Calendar 2014》 - Qiita
これは AngularJS Advent Calendar 2014 の５日目(12/5)の投稿です。 最初は AngularJS に絵文字を導入する方法とか、チュートリアルを組み込む方法とか、AngularJS での Chromeアプリの開発など、過去に書いたものの中から「変わりダネ」を整理して再投稿しようと思ってたのですが（もし興味があれば過去のをご覧ください）、 絵文字 ⇒ AngularJSで絵文字を表示するメモ チュートリアル ⇒ AngularJSアプリケーションにチュートリアルを簡単に導入する Chrome ⇒ ChromeアプリをAngularJSで書くまでの手順 今回はアドベントカレンダーらしく？ 読む人にとって役に立ちそうなものとして、モバイルフロントエンドでの通信量/通信数/通信頻度の削減ついて書きます。 これを書こうと思った動機としては、チューニングするのに必要不可
テストできないコードをE2Eテストを使ってリファクタリングしよう
ユニットテストがしにくい状態となってるコードをTestiumを使ったE2Eテストを書いてリファクタリングしてみる話です。 例えば、以下のようなjQueryで書いたコードは外(テストコード)から取り出すポイントがないので、ユニットテストを書くのは難しいと思います。(そもそもViewのコードなので) 特定のバージョンでの変更点を簡単に確認できるよう、 「Aの列のラジオボタンを選ぶと同じ行より一つ下にあるBの列のラジオボタンを自動で選ぶ」 という補助機能 $(document).ready(function () { // seq: シーケンス番号 $.each(["new_version", "old_version"], function () { $("input[name='" + this + "']").each(function (idx, elem) { if (idx == 0
This page has moved...
This page has moved... Click here if you are not redirected.
Top JavaScript Development Companies - Best JS Web Developers on iTRate
Add your company to our Top JavaScript Development Companies and Improve Your Online Presence with iTRate!To add your company in Best JavaScript Developers Agency, follow the steps below: 1 - Create an account through Google/LinkedIn: https://itrate.co/login 2 - Fill out your company information: link 3 - Embed an iTRate badge on your website's homepage with a link to the category (Top Java Script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - crcn/obj-stream: lightweight object streams
RemoteDebug and cross-browser DevTools. One year later. — Kenneth Auchenberg
Calibre: Monitor Core Web Vitals and Page Speed with Synthetic and Real-User Data
browserifyでビルドした時のgitのコミットハッシュを埋め込む - Qiita
Build software better, together
Charset String Detector