The 2022 Web Almanac
Web Almanac HTTP Archive’s annual state of the web report Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2022 edition is comprised of 23 chapters spanning aspects of page content, user experience, publishing, and distri
How to Eliminate Render-Blocking Resources: a Deep Dive
You might be here because Lighthouse told you to "eliminate render-blocking resources". Render-blocking resources are a common hurdle to rendering your page faster. They impact your Web Vitals which now impact your SEO. Slow render times also frustrate your users and can cause them to abandon your page. I worked with one client to reduce their render-blocking resources and improved their site load
New browser on the block: Flow - QuirksBlog
2020 is only three weeks old, but there has been a lot of browser news that decreases rendering engine diversity. It’s time for some good news on that front: a new rendering engine, Flow. Below I conduct an interview with Piers Wombwell, Flow’s lead developer. This year alone, on the negative side Mozilla announced it’s laying off 70 people, most of whom appear to come from the browser side of thi
Understanding the Critical Rendering Path | bitsofcode
When a browser receives the HTML response for a page from the server, there are a lot of steps to be taken before pixels are drawn on the screen. This sequence the browsers needs to run through for the initial paint of the page is called the "Critical Rendering Path". Knowledge of the CRP is incredibly useful for understanding how a site's performance can be improved. There are 6 stages to the CRP
What forces layout/reflow. The comprehensive list.
what-forces-layout.md What forces layout / reflow All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck. Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for a
Modernizr 3: A new release and website
MENUAfter what appears an eternity to us and the wider development community we are ecstatic to announce the release of Modernizr 3.0! This is a massive release and from our last release almost 2.5 years have passed - an unacceptable timeline. We plan to fix this and have faster releases where it makes sense. What's new and exciting?A lot! We restructured how we write our detects. we no longer hav
Making a Silky Smooth Web
You should use <insert library / framework here>, it's the bestestest!
2014-09-08のJS: Chrome 37/Opera 24、Firefox 32、ESLint 0.8.0
JSer.info #191 - Chrome 37とOpera 24(Chromium 37がベース)がリリースされました。 共通の変更内容が多いですがDev.Opera — Opera 24 releasedに分かりやすくまとめられています。 CSS ShapesやCSSのallプロパティが利用できるようになったこと、showModalDialog()が廃止され代わりに<dialog>要素が利用できるようになりました。 CSS Shapesに興味がある人は以下も参照するといいと思います。 CSS Shapes now available in Chrome 37 release | Web Platform Team Blog CSS Shapes Editor Extension – Brackets Blog 他の詳しい変更内容は以下を参照して下さい。 Chromium Blog:
Caniuse test page
This is a basic test suite of various web technologies for the When Can I Use website. It is used to quickly test basic support for features in upcoming browsers, rather than any full support of the feature's specification. Results on this page generally match the results as they appear on the When Can I Use site, but may not always due to a variety of circumstances (test may pass but support is a
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Windows Azure : Windows Azure Joins Windows Server in a New Organization: Server & Cloud Division
Microsoft Developer Blogs Get the latest information, insights, and news from Microsoft. AI agents are quickly moving from experiments to production‑critical components of modern applications. But while many teams know how to build agents, far fewer are confident they’re hosting them on the right foundation. Most organizations start by deploying agents the same way... We're shipping two major capa
主要ブラウザで動くCSSを追加する関数 - os0x.blog
GM_addStyleの実装と最適化 - 0xFFに関連して、「IEでGM_addStyleみたいな関数ってどう書けばいいんだろ」とつぶやいたら、fubさんにcreateStyleSheetってのを教えてもらいました。で、調べてみたらcreateStyleSheetとcssTextで割と簡単に書けるみたいなので、クロスブラウザな関数にまとめてみました。 addCSS.js function addCSS (css){ if (document.createStyleSheet) { // for IE var sheet = document.createStyleSheet(); sheet.cssText = css; return sheet; } else { var sheet = document.createElement('style'); sheet.type = 'te
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox
Release Notes for Safari Technology Preview 250
News from WWDC26: WebKit in Safari 27 beta
Scroll to the future—Martian Chronicles, Evil Martians’ team blog
画像の最適化 | Web | Google Developers
Intent to Ship: Long Task API - Google Groups