https://web.dev/learn/css/selectors/
Selectors | web.dev
To apply CSS to an element you need to select it. CSS provides you with a number of different ways to do this, and you can explore them in this module.
web devselectors
https://dbushell.com/2026/01/09/death-to-scroll-fade/
Death to Scroll Fade! – David Bushell – Web Dev (UK)
The one where I crowdsource an argument winner
web devdeathscrollfadedavid
https://dev.to/sylwia-lask/if-ai-existed-in-2011-would-we-still-have-the-modern-web-408g
If AI Existed in 2011, Would We Still Have the Modern Web? - DEV Community
Apr 22, 2026 - Imagine it’s 2011. The web is mostly server-rendered PHP templates, maybe a bit of jQuery if you’re... Tagged with ai, webdev, discuss, programming.
modern webdev communityaiwouldstill
https://next.jqueryscript.net/
NextGen JavaScript - The Future of Web Dev
The Future of Web Dev
the futureweb devnextgenjavascript
Sponsored https://www.sakuralive.com/
Japanese Webcam | Chat with Sexy Japanese Cam Girls Online
Video Chat with Sexy Japanese Webcam Girls Online right now. With over 22k+ plus registered performers, you are sure to find one that you'll like. Don't wait,...
https://web.dev/baseline
Baseline | web.dev
web devbaseline
https://web.dev/learn/javascript/appendix
Appendix | web.dev
Additional information that might be helpful on your JavaScript journey.
web devappendix
https://web.dev/articles/color-and-contrast-accessibility
Color and contrast accessibility | web.dev
Mar 31, 2020 - Learn to make your pages more accessible by improving your color and contrast usage.
web devcolorcontrastaccessibility
https://web.dev/articles/change-password-url
Help users change passwords easily by adding a well-known URL for changing passwords | web.dev
Sep 1, 2020 - By redirecting requests to /.well-known/change-password to the change password URL, you can let users update their passwords easier than before.
well knownweb devhelpuserschange
https://web.dev/articles/passkey-registration
Create a passkey for passwordless logins | web.dev
Apr 9, 2026 - Passkeys make a website's user accounts safer, simpler, easier to use and passwordless. This document discusses how to allow users to create passkeys for your...
create a passkeyweb devpasswordlesslogins
https://web.dev/blog/community-highlights/shuyi
Community highlight: Olutimilehin Olushuyi | Blog | web.dev
One of a series of interviews with people from the web development community who work in web accessibility. This time we spoke with Olutimilehin Olushuyi.
web devcommunityhighlightblog
https://web.dev/articles/manually-diagnose-slow-interactions-in-the-lab
Manually diagnose slow interactions in the lab | Articles | web.dev
Oct 17, 2024 - You've looked through your field data, and it turns out that you have some slow interactions. The next step is to learn more about how to manually test those...
in the labweb devmanuallydiagnoseslow
https://web.dev/html
HTML | web.dev
web devhtml
https://web.dev/articles/webauthn-rp-id
RP ID deep dive | web.dev
Feb 19, 2026 - Learn how to configure your RP ID and platform associations to enable seamless passkey authentication across subdomains, multiple sites, and mobile...
deep diveweb devrpid
Sponsored https://www.instabang.com/
Instabang OFFICIAL - Free Adult Dating & Personals. Find an insta bang!
https://web.dev/learn/css/focus
Focus | web.dev
Understand the importance of focus in your web applications. You'll find out how to manage focus, and how to make sure the path through your page works for...
web devfocus
https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024
5 CSS snippets every front-end developer should know in 2024 | Articles | web.dev
Jan 11, 2024 - Toolbelt worthy, powerful, and stable CSS you can use today.
front end developerin 2024csssnippetsevery
https://web.dev/learn/css/layout
Layout | web.dev
An overview of the various layout methods you have to choose from when building a component or page layout.
web devlayout
https://web.dev/articles/iframe-lazy-loading
It's time to lazy-load offscreen iframes! | Articles | web.dev
Sep 23, 2024 - This post covers the loading attribute and how to use it to control the loading of iframes.
lazy loadweb devtimeiframesarticles
https://web.dev/learn/css/color
Color | web.dev
There are several different ways to specify color in CSS. In this module we take a look at the most commonly used color values.
web devcolor
https://web.dev/blog/color-spaces-and-functions
New CSS color spaces and functions in all major engines | Blog | web.dev
Start using HD color to bring vibrancy to your designs.
css colorweb devnewspacesfunctions
https://web.dev/learn/css/pseudo-classes
Pseudo-classes | web.dev
Pseudo-classes let you apply CSS based on state changes. This means that your design can react to user input such as an invalid email address.
web devpseudoclasses
https://web.dev/shows
Shows | web.dev
Listen and watch our latest news, updates, and stories for developers
web devshows
https://web.dev/learn/accessibility/patterns
Patterns, components, and design systems | web.dev
'Evaluate patterns, components, and design systems for accessibility.'
design systemsweb devpatternscomponents
https://web.dev/blog/common-misconceptions-lcp
Common misconceptions about how to optimize LCP | Blog | web.dev
Explore common misconceptions about optimizing Largest Contentful Paint (LCP) by looking beyond image optimization and considering factors like Time to First...
common misconceptionshow toweb devoptimizelcp
https://web.dev/patterns/media
Media patterns | Patterns | web.dev
web devmediapatterns
https://web.dev/learn/accessibility/glossary
Glossary | web.dev
Learn common accessibility terms and concepts.
web devglossary
https://web.dev/learn/pwa/detection
Detection | web.dev
Identifying how your users interact with your app is useful in customizing and improving the user experience. For example, you can check whether your app is...
web devdetection
https://web.dev/articles/avoid-large-complex-layouts-and-layout-thrashing
Avoid large, complex layouts and layout thrashing | Articles | web.dev
May 7, 2025 - Layout is where the browser figures out the geometric information for elements - their size and location in the page. Each element will have explicit or...
web devavoidlargecomplexlayouts
https://web.dev/learn/performance/prefetching-prerendering-precaching
Prefetching, prerendering, and service worker precaching | web.dev
While much of performance deals with what you can do to optimize and eliminate unnecessary resources, it may seem a bit paradoxical to suggest that some...
service workerweb devprefetching
https://web.dev/learn/css/container-queries
Container queries | web.dev
Unlike media queries, container queries allow you to make more specific adjustments to elements based on the size and state of their ancestors, or containers.
container queriesweb dev
https://web.dev/articles/building/a-color-scheme
Building a color scheme | Articles | web.dev
Jun 9, 2021 - A foundational overview of how to establish a dynamic and configurable color scheme
color schemeweb devbuildingarticles
https://web.dev/learn/performance/image-performance
Image performance | web.dev
Images represent a large portion of the data transferred on many web pages. This module covers how to optimize images and serve them efficiently, so that you...
web devimageperformance
https://web.dev/blog/baseline-digest-jan-2025
January 2025 Baseline monthly digest | Blog | web.dev
In its first edition, this Baseline monthly digest covers happenings in Baseline at both Google and the web developer community in January 2025.
january 2025monthly digestweb devbaselineblog
https://jobs.wordpress.net/job/wp-woocommerce-niche-tee-shirt-pod-store-need-a-fast-expert-wp-web-dev-to-launch-prototype-site/
WP / WooCommerce Niche Tee Shirt POD Store – Need a Fast Expert WP Web Dev to Launch Prototype Site...
tee shirtweb devwpwoocommerceniche
https://web.dev/patterns/files
Files and directories patterns | Patterns | web.dev
files and directoriesweb devpatterns
https://web.dev/articles/efficiently-load-third-party-javascript
Efficiently load third-party JavaScript | Articles | web.dev
Aug 14, 2019 - Learn how to improve load times and user experience by avoiding the common pitfalls of using third-party scripts.
third partyweb devloadjavascriptarticles
https://web.dev/blog/lcp-and-inp-are-now-baseline-newly-available
LCP and INP are now Baseline Newly available | Blog | web.dev
LCP and INP are now Baseline Newly available as of December 12, 2025.
web devlcpinpbaselinenewly
https://web.dev/articles/improve-reviews-ai
Explore product review suggestions with client-side AI | web.dev
Oct 21, 2024 - Online stores can see a 270% increase in conversions by displaying product reviews. Support better reviews with client-side AI.
explore productweb devreviewsuggestionsclient
https://web.dev/articles/baseline-in-action-dialog-popover
dialog and popover: Baseline layered UI patterns | Articles | web.dev
web devdialogpopoverbaselinelayered
https://web.dev/learn/accessibility/javascript
JavaScript | web.dev
'Write accessible trigger events, page titles, dynamic content, and more.'
web devjavascript
https://web.dev/articles/webrtc-infrastructure
Build the backend services needed for a WebRTC app | Articles | web.dev
for aweb devbuildbackendservices
https://web.dev/blog/baseline-digest-mar-2025
March 2025 Baseline monthly digest | Blog | web.dev
Read about various happenings with Baseline during March 2025.
march 2025monthly digestweb devbaselineblog
https://web.dev/articles/optimize-long-tasks
Optimize long tasks | Articles | web.dev
Dec 19, 2024 - You've been told "don't block the main thread" and "break up your long tasks", but what does it mean to do those things?
optimize long tasksweb devarticles
https://web.dev/blog/state-of-css-2022
State of CSS 2022 | Blog | web.dev
Web styling features of today and tomorrow, as seen at Google IO 2022, plus some extras.
web devstatecssblog
https://web.dev/blog/set-methods
The JavaScript Set methods are now part of Baseline | Blog | web.dev
JavaScript set methods like union and intersection are now interoperable, making set operations easier.
set methodspart ofweb devjavascriptbaseline
https://web.dev/learn/testing
Learn Testing | web.dev
An in-depth course on software testing.
web devlearntesting
https://web.dev/articles/passkey-form-autofill
Sign in with a passkey through form autofill | web.dev
Oct 16, 2022 - Create a sign in experience that leverages passkeys while still accommodating existing password users.
sign in withweb devpasskeyformautofill
Sponsored https://wannahookup.com/
WannaHookUp - WannaHookUp
Join our online social adult community WannaHookUp
https://web.dev/articles/how-payment-ecosystem-works
How the payment ecosystem works | web.dev
Sep 10, 2018 - Learn more about who is involved in the Web Payments ecosystem, how they interact with each other, and how you can participate.
web devpaymentecosystemworks
https://web.dev/blog/at-property-performance
Benchmarking the performance of CSS @property | Articles | web.dev
What impact does @property have on the performance of your CSS?
web devbenchmarkingperformancecssproperty
https://web.dev/learn/css/inheritance
Inheritance | web.dev
Some CSS properties inherit if you don't specify a value for them. Find out how this works, and how to use it to your advantage in this module.
web devinheritance
https://web.dev/learn/html/apis
HTML APIs | web.dev
Learn how HTML information can be exposed and manipulated using JavaScript.
web devhtmlapis
https://web.dev/learn/css/spacing
Spacing | web.dev
Find out how to select the best method of spacing elements, taking into consideration the layout method you are using and component that you need to build.
web devspacing
https://web.dev/learn/pwa/update
Update | web.dev
Chances are your PWA needs updating. This chapter gives you the tools to update different parts of your PWA, from assets to metadata.
web devupdate
https://web.dev/learn/css/logical-properties
Logical Properties | web.dev
Logical, flow relative properties and values are linked to the flow of text, rather than the physical shape of the screen. Learn how to take advantage of this...
logical propertiesweb dev
Sponsored https://www.gangbangcreampie.com/
Best Interracial Porn Site | Interracial Sex | Gangbang Creampie
Welcome to Interracial Vision, your portal for the best interracial porn! Watch beautiful blondes take big black cocks and have the best interracial sex.
https://web.dev/learn/ai
Learn AI | web.dev
An artificial intelligence course built for web developers.
learn aiweb dev
https://web.dev/baseline/overview
Baseline | Articles | web.dev
Oct 15, 2024 - This article explains the origin story of Baseline, Google's involvement, and the ownership of the WebDX Community Group.
web devbaselinearticles
https://web.dev/learn/performance/lazy-load-images-and-iframe-elements
Lazy load images and iframe elements | web.dev
Images and iframe elements can consume significant bandwidth and CPU processing time. However, not all images and iframe elements need to be loaded during the...
lazy loadweb devimagesiframeelements
https://web.dev/articles/baseline-and-polyfills
How to think about Baseline and polyfills | Articles | web.dev
Knowing when to reach for a polyfill can be a hard decision, but using Baseline features can help you answer this question. Learn more in this guide!
how toweb devthinkbaselinepolyfills
https://web.dev/articles/background-fetch-ai
Download AI models with the Background Fetch API | web.dev
ai modelsfetch apiweb devdownloadbackground
https://marcgrabanski.com/
Marc Grabanski's Career Journal on Web Dev, Business, & Life
web devbusiness lifemarccareerjournal
https://web.dev/articles/building-a-pwa-at-google-part-1
Building a PWA at Google, part 1 | Articles | web.dev
Jul 29, 2020 - What the Bulletin team learned about service workers while developing a PWA.
part 1web devbuildingpwagoogle
https://web.dev/articles/orchestrating-payment-transactions
Orchestrating payment transactions with a service worker | web.dev
Aug 31, 2020 - Once a web-based payment app is registered, it's ready to accept payment requests from merchants. This article teaches you how to orchestrate a payment...
service workerweb devpaymenttransactions
https://web.dev/learn/javascript/comparison
Comparison operators | web.dev
Learn how to use comparison operators.
comparison operatorsweb dev
https://web.dev/learn/images
Learn Images | web.dev
An in-depth course on images for the web.
web devlearnimages
https://web.dev/blog/baseline-digest-apr-2025
April 2025 Baseline monthly digest | Blog | web.dev
Read about various happenings with Baseline during April 2025.
april 2025monthly digestweb devbaselineblog
https://web.dev/learn/css/blend-modes
Blend Modes | web.dev
Create compositional effects by mixing two or more layers, and learn how to isolate an image with a white background in this module on blend modes.
web devblendmodes
https://web.dev/learn/javascript/welcome
Welcome to Learn JavaScript! | web.dev
An in-depth course on the basics of JavaScript.
welcome tolearn javascriptweb dev
https://design.dev/?ref=web-reference
Web Dev Newsletter, CSS Tools & AI Generators | Design.dev
web devai generatorsnewslettercsstools
https://web.dev/case-studies/quintoandar-inp
How QuintoAndar reduced INP by 80%, increasing conversions by 36% | web.dev
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions...
increasing conversionsweb devreducedinp
https://web.dev/
web.dev
Guidance to build modern web experiences that work on any browser.
web dev
https://web.dev/learn/css/gradients
Gradients | web.dev
In this module you will find out how to use the various types of gradients available in CSS. Gradients can be used to create a whole host of useful effects,...
web devgradients
https://web.dev/learn/css/pseudo-elements
Pseudo-elements | web.dev
A pseudo-element is like adding or targeting an extra element without having to add more HTML. They have a variety of roles and you can learn about them in...
pseudo elementsweb dev
https://web.dev/blog/baseline-devtools-css
Baseline for CSS properties now in Chrome DevTools | Blog | web.dev
Baseline information is now available for CSS properties in the Elements panel of Chrome DevTools!
css propertieschrome devtoolsbaselineblogweb
Sponsored https://haremvilla.net/
Harem Villa - Free RPG Dating Sim for PC & Mobile
Play Harem Villa, the addictive merge puzzle game where you restore a luxury villa and romance stunning characters. Free dating sim on PC & Mobile!
https://web.dev/articles/ai-agents
Introduction to agents | web.dev
introduction to agentsweb dev
https://web.dev/blog/baseline-digest-mar-2026
March 2026 Baseline monthly digest | Blog | web.dev
Read about various happenings with Baseline during March 2026.
march 2026monthly digestweb devbaselineblog
https://web.dev/explore/secure?hl=en
Safe and secure | web.dev
safe and secureweb dev
https://web.dev/articles/aspect-ratio
The CSS aspect-ratio property | Articles | web.dev
Jan 28, 2021 - Maintaining aspect ratio within images and elements is now easier to achieve with the new aspect-ratio CSS property.
aspect ratioweb devcsspropertyarticles
https://web.dev/case-studies/doodles-lem
Case Study - Building the Stanisław Lem Google doodle | web.dev
case studyweb devbuildinglemgoogle
https://web.dev/learn/css/cursors-and-pointers
Cursors and pointers | web.dev
The cursor is an essential way for your users to know what they are interacting with. In this module, learn how you can style cursors in specific circumstances.
web devcursorspointers
https://web.dev/articles/how-to-choose-your-baseline-target
How to choose your Baseline target | Articles | web.dev
May 20, 2025 - Learn what Baseline targets are, how to choose one, and how it can help your development experience.
how to chooseweb devbaselinetargetarticles
https://web.dev/articles/baseline-in-action-color-theme
Color themes with Baseline CSS features | Articles | web.dev
Dec 11, 2025 - Learn how to create color themes with Baseline web features available in CSS.
color themescss featuresweb devbaselinearticles
https://web.dev/explore/ai
Artificial Intelligence | web.dev
artificial intelligenceweb dev
https://web.dev/learn/javascript/classes/extends
Extend classes | web.dev
The `extends` keyword lets you create subclasses of existing classes.
web devextendclasses
https://web.dev/learn/css/conclusion
Conclusion and next steps | web.dev
Further resources to help you take your next steps.
next stepsweb devconclusion
https://web.dev/learn/javascript
Learn JavaScript | web.dev
An in-depth course on the basics of JavaScript.
learn javascriptweb dev
https://web.dev/case-studies/zdf
How ZDF created a video PWA with offline and dark mode | web.dev
Learn how ZDF created a progressive web app (PWA) with modern features like offline support, installability, and dark mode.
a videodark modeweb devzdfcreated
https://web.dev/blog/baseline-digest-feb-2025
February 2025 Baseline monthly digest | Blog | web.dev
Read about various happenings with Baseline during February 2025.
february 2025monthly digestweb devbaselineblog
https://web.dev/articles/webauthn-user-verification
userVerification deep dive | web.dev
Mar 7, 2024 - Learn how to use `userVerification` in WebAuthn
deep diveweb dev
https://web.dev/authors/pliao
404 | Page Not Found | web.dev
page not foundweb dev
https://web.dev/learn/html/focus
Focus | web.dev
How to manage focus order in your HTML documents.
web devfocus
https://web.dev/learn/ai/introduction
Introduction to AI on the web | web.dev
An artificial intelligence course built for web developers.
introduction to aithe webdev
https://web.dev/articles/sign-in-form-best-practices
Sign-in form best practices | web.dev
Jun 29, 2020 - Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use.
sign inbest practicesweb devform
https://web.dev/learn/javascript/data-types/variable
Variables | web.dev
Learn how to use JavaScript variables.
web devvariables
https://web.dev/learn/forms/accessibility
Accessibility | web.dev
How to build inclusive forms.
web devaccessibility
https://web.dev/explore/test-automation
Test automation | web.dev
test automationweb dev
https://web.dev/learn/html/conclusion
Conclusion and next steps | web.dev
Wrapping up with some further resources.
next stepsweb devconclusion
https://web.dev/learn/accessibility/measure
How is digital accessibility measured? | web.dev
Introduction to accessibility measurement, which ensures everyone, including people with disabilities, can still interact with your website in a meaningful and...
digital accessibilityweb devmeasured
https://web.dev/articles/reduce-javascript-payloads-with-code-splitting
Reduce JavaScript payloads with code splitting | Articles | web.dev
Nov 5, 2018 - Sending large JavaScript payloads impacts the speed of your site significantly. Instead of shipping all the JavaScript to your user as soon as the first page...
code splittingweb devreducejavascriptpayloads
https://web.dev/blog/browserslist-supports-baseline
Browserslist now supports Baseline | Blog | web.dev
Browserslist has added support for Baseline queries. Find out what that could mean for your developer workflow.
web devsupportsbaselineblog
https://web.dev/learn/javascript/data-types/symbol
Symbol | web.dev
Learn how to use JavaScript's Symbol data type.
web devsymbol
https://web.dev/articles/baseline-in-action-fluid-type
Responsive and fluid typography with Baseline CSS features | Articles | web.dev
Dec 16, 2025 - Learn how to use Baseline CSS features to create typography that responds to the user with accessibility and developer ergonomics in mind.
css featuresweb devresponsivefluidtypography