The new responsive: Web design in a component-driven world | Articles | web.dev
The new responsive: Web design in a component-driven world Stay organized with collections Save and categorize content based on your preferences. Responsive Design Today Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size. But soon, this perception o
Building a Settings component | Articles | web.dev
Building a Settings component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build a settings component of sliders and checkboxes. In this post I want to share thinking on building a Settings component for the web that is responsive, supports multiple device inputs, and works across browsers. Try the demo. Demo If you prefer
WebRTC is now a W3C and IETF standard | Articles | web.dev
WebRTC is now a W3C and IETF standard Stay organized with collections Save and categorize content based on your preferences. A brief overview of the history, architecture, use cases, and future of WebRTC. The process of defining a web standard is a lengthy process that ensures usefulness, consistency and compatibility across browsers. Today the W3C and IETF mark the completion of perhaps one of th
Publish, ship, and install modern JavaScript for faster applications | Articles | web.dev
Publish, ship, and install modern JavaScript for faster applications Stay organized with collections Save and categorize content based on your preferences. Over 90% of browsers are capable of running modern JavaScript, but the prevalence of legacy JavaScript remains a large source of performance problems on the web today. Modern JavaScript Modern JavaScript is not characterized as code written in
Rakuten 24’s investment in PWA increases user retention by 450% | web.dev
Rakuten 24’s investment in PWA increases user retention by 450% Stay organized with collections Save and categorize content based on your preferences. Making their web app installable resulted in increased traffic, visitor retention, sales per customer, and conversions. Rakuten 24 is an online store provided by Rakuten, one of the largest e-commerce companies in Japan. It provides a wide selection
Handling range requests in a service worker | Articles | web.dev
Handling range requests in a service worker Stay organized with collections Save and categorize content based on your preferences. Make sure your service worker knows what to do when a partial response is requested. Some HTTP requests contain a Range: header, indicating that only a portion of the full resource should be returned. They're commonly used for streaming audio or video content to allow
Content delivery networks (CDNs) | Articles | web.dev
Content delivery networks (CDNs) Stay organized with collections Save and categorize content based on your preferences. Content delivery networks (CDNs) improve site performance by using a distributed network of servers to deliver resources to users. Because CDNs reduce server load, they reduce server costs and are well-suited to handling traffic spikes. This article discusses how CDNs work and pr
Referer and Referrer-Policy best practices | Articles | web.dev
Referer and Referrer-Policy best practices Stay organized with collections Save and categorize content based on your preferences. This page outlines some best practices for setting your Referrer-Policy and using the referrer in incoming requests. Summary Unexpected cross-origin information leakage damages web users' privacy. A protective referrer policy can help. Consider setting a referrer policy
Web on Android | Articles | web.dev
Web on Android Stay organized with collections Save and categorize content based on your preferences. The Android platform has been around for more than ten years, and since its early days it has had great support for the Web. It shipped with WebView, a component that allows developers to use the web inside their own Android Apps. More than that, Android allows developers to bring their own browse
Building a PWA at Google, part 1 | Articles | web.dev
Building a PWA at Google, part 1 Stay organized with collections Save and categorize content based on your preferences. This is the first of a series of blog posts about the lessons that the Google Bulletin team learned while building an external-facing PWA. In these posts we'll share some of the challenges we faced, the approaches we took to overcome them, and general advice for avoiding pitfalls
Service worker caching and HTTP caching | Articles | web.dev
Service worker caching and HTTP caching Stay organized with collections Save and categorize content based on your preferences. The pros and cons of using consistent or different expiry logic across the service worker cache and HTTP cache layers. While service workers and PWAs are becoming standards of modern web applications, resource caching has become more complex than ever. This article covers
Sign-in form best practices | Articles | web.dev
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
Make your PWA feel more like an app | Articles | web.dev
Make your PWA feel more like an app Stay organized with collections Save and categorize content based on your preferences. Make your Progressive Web App not feel like a website, but like a "real" app When you play Progressive Web App buzzword bingo, it is a safe bet to set on "PWAs are just websites". Microsoft's PWA documentation agrees, we say it on this very site, and even PWA nominators France
Preparing for AppCache removal | Articles | web.dev
Origin trial The timeline lists two upcoming milestones for removal. Beginning with Chrome 85, AppCache will no longer be available in Chrome by default. Developers who require additional time to migrate off of AppCache can sign up for a "reverse" origin trial to extend the availability of AppCache for their web apps. The origin trial will start in Chrome 84 (in advance of the default removal in C
What's New in Lighthouse 6.0 | Articles | web.dev
Some highlights of scoring changes between Lighthouse versions 5 and 6: TTI's weight has been reduced from 33% to 15%. This was in direct response to user feedback about TTI variability, as well as inconsistencies in metric optimizations leading to improvements in user experience. TTI is still a useful signal for when a page is fully interactive, however with TBT as a complement–variability is red
Web Vitals | Articles | web.dev
Web Vitals Stay organized with collections Save and categorize content based on your preferences. Optimizing for quality of user experience is key to the long-term success of any site on the web. Whether you're a business owner, marketer, or developer, Web Vitals can help you quantify the experience of your site and identify opportunities to improve. Overview Web Vitals is an initiative by Google
コンテンツ セキュリティ ポリシー | Articles | web.dev
コンテンツ セキュリティ ポリシー コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ウェブのセキュリティ モデルは、同一オリジン ポリシーに基づいています。たとえば、https://mybank.com のコードは https://mybank.com のデータにのみアクセスでき、https://evil.example.com にはアクセスを許可しないようにする必要があります。理論的には、各オリジンはウェブの他の部分から分離されているため、デベロッパーに安全なサンドボックスを構築できます。しかし実際には、攻撃者はシステムを妨害するいくつかの方法を見つけています。 たとえば、クロスサイト スクリプティング（XSS）攻撃は、サイトを騙して目的のコンテンツとともに悪意のあるコードを配信することで、同一オリジン ポリシーを回避します。これは大きな問題です。ブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How Goibibo's PWA improved conversions by 60% | web.dev
Progressively enhance your Progressive Web App | Articles | web.dev
App shell UX with service workers and streams