Opera News
Gaming, Opera GX Opera GX Lands on Linux March 19th, 2026 You asked and we delivered: Opera GX is now on Linux. We know the Linux community. We know you value... Desktop, Opera Air, Opera GX Opera wins four 2026 iF Design Awards for Opera Neon, Opera Air, Opera GX, and... March 5th, 2026 Hey all, Today we’re announcing that Opera has won four 2026 iF Design Awards, doubling last year’s tally. Ope
Making a Silky Smooth Web
You should use <insert library / framework here>, it's the bestestest!
ブラウザでビジュアルテストをするreftest-runnerを作った
概要 reftest-runnerというブラウザで描画内容やレイアウトといった表示結果をテストするためのライブラリを作りました。 要素技術としてはブラウザ、WebDriver API、レンダリングキャプチャ、画像Diffという感じです。 azu/reftest-runner 時間が無い人向け 以下のスライドに簡単にreftest-runnerやreftestとはなにか、どういうユースケースがあるのかが書いてあります。 reftest-runner-overview.pdf reftestとは reftest(Referrence Test)とは、2つのHTMLの表示結果(スクリーンショット)を比較することで表示結果が意図したものかをテストする方法です。 用意するHTMLとして以下の2種類を1セットとして用意して利用します。 テスト用HTML テストしたい機能を使って実装したHTML リファ
shout-irc.com
We’re getting things ready Loading your experience… This won’t take long.
shwups-cms.ch
We’re getting things ready Loading your experience… This won’t take long.
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
Calibre: Web Performance Monitoring for Every Team
Three data sources. One platform. The full picture. See what real users experience, how Google assesses your site, and exactly what’s slowing pages down. Track live user sessions with RUM Collect Core Web Vitals from real browser sessions on your websites. Lightweight, privacy-first, and ready in minutes. Learn about Real User Monitoring →
Service worker が拓く mobile web の新しいかたち
【第26回Elasticsearch勉強会】Logstashとともに振り返る、やっちまった事例ごった煮
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - stacktracejs/error-stack-parser: Extract meaning from JS Errors
GitHub - crcn/obj-stream: lightweight object streams
RemoteDebug and cross-browser DevTools. One year later. — Kenneth Auchenberg
browserifyでビルドした時のgitのコミットハッシュを埋め込む - Qiita
Build software better, together
