Web · Learn

Learn listings from Web on TechiSeek. 117 public listings.

• Preload responsive images (Web)
  Learn about new and exciting possibilities for preloading responsive images to ensure great user experience.
• Component testing in practice (Web)
  Examples of test design for a React component with complex dependencies.
• What testing is (Web)
  When writing software, you can confirm that it works correctly through testing. Successful testing can give you confidence that as you add…
• The testing environment (Web)
  Learn to use runtime tools and browser emulation for testing.
• Generative AI: Create new content (Web)
  Understand if you need a generative AI model for your web application.
• Building the main navigation for a website (Web)
  This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how usin…
• AI governance: Build responsibly (Web)
  In this module, we cover privacy, fairness, and trust. Your design decisions directly shape the responsibility and safety of your AI system.
• Optimize Interaction to Next Paint (Web)
  Learn how to optimize your website's Interaction to Next Paint.
• An overview of web workers (Web)
  Much of what the user sees in the browser occurs on a single thread known as the main thread.
• Streams — The definitive guide | Articles | web.dev (Web)
  The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired.
• How to use Baseline (Web)
  How to use Baseline Baseline helps you understand which features are interoperable across modern browser engines and safe to use today—but…
• Optimize Cumulative Layout Shift (Web)
  Cumulative Layout Shift (CLS) is a metric that quantifies how often users experience sudden shifts in page content.
• Media queries (Web)
  Adapt your designs to different screen sizes using CSS media queries.
• Automated accessibility testing (Web)
  How to perform automated accessibility testing.
• Best practices for fonts (Web)
  Learn about how to optimize web fonts for Core Web Vitals.
• Optimize Largest Contentful Paint (Web)
  A step-by-step guide on how to break down LCP and identify key areas to improve.
• Paths, shapes, clipping, and masking (Web)
  Paths, shapes, clipping, and masking give developers the ability to render complex shapes in CSS through a variety of functions that can cr…
• Text basics | web.dev (Web)
  Similar to how your text editor provides to headings, along with a plethora of ways to format sections of text in meaningful and visual way…
• Learn Accessibility (Web)
  An evergreen accessibility course and reference to level up your web development.
• Optimize Time to First Byte (Web)
  Learn how to optimize for the Time to First Byte metric.
• Cumulative Layout Shift (CLS) (Web)
  Unexpected layout shifts can disrupt the user experience in many ways, from causing them to lose their place while reading if the text move…
• JavaScript Stay organized with collections Save and categorize content based on your preferences. (Web)
  Java Script plays a major role in almost everything we create—from smaller dynamic components to full products running on a Java Script fra…
• Document structure (Web)
  Learn how to structure your HTML documents with a solid foundation.
• Core Web Vitals workflows with Google tools (Web)
  With the growing importance of Core Web Vitals, site owners and developers increasingly focus on performance and key user experiences.
• View transitions for single page applications (Web)
  View Transitions give you a way to show continuity or context between the pages in your SPA.
• Create a Progressive Web App with the Angular CLI (Web)
  Learn how to create installable progressive Angular applications.
• Lighthouse user flows (Web)
  Try out a new Lighthouse API to measure performance and best practices throughout a user flow.
• Push notifications overview (Web)
  An overview of what push notifications are, why you might use them, and how they work.
• What is a media experience? (Web)
  For a good user experience, videos need to meet a number of technical requirements.
• Using AVIF to compress images on your site (Web)
  Serving desktop-sized images to mobile devices can use 2–4x more data than needed. Instead of a "one-size-fits-all" approach to images, ser…
• Anchor positioning (Web)
  CSS anchor positioning provides a way to declaratively position an element relative to another element.
• CSS size-adjust for @font-face (Web)
  As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fon…
• The Document (Web)
  Additional HTML elements to consider when building accessible websites and web apps.
• Assess spam damage (Web)
  Find out what to do if your site has been hacked to host spam.
• Getting started (Web)
  If you want to build a Progressive Web App, you may be wondering where to start, if it's possible to upgrade a website to a PWA without sta…
• Service workers (Web)
  Service workers are a fundamental part of a PWA. They enable fast loading regardless of network, offline access, push notifications, and ot…
• Imperative caching guide (Web)
  How to communicate window and service worker to perform tasks related to performance, caching and offline.
• Animations Stay organized with collections Save and categorize content based on your preferences. (Web)
  Animation is a great way to highlight interactive elements, and add interest and fun to your designs.
• Color Stay organized with collections Save and categorize content based on your preferences. (Web)
  There are several different ways to specify color in CSS. In this module we take a look at the most commonly used color values.
• and next steps (Web)
  Wrapping up with some further resources.
• Complexity management (Web)
  Keeping a web app simple can be surprisingly complicated. In this module, you will learn how web APIs work with threading and how you can u…
• Security should not be so scary! (Web)
  When the word "security" comes to mind, it's usually in the context of bad news.
• Media file basics (Web)
  Preparing a video for serving from your own site is a bit more complicated.
• Patterns, components, and design systems (Web)
  Many people use component-driven development using pattern style guides, component libraries, or full design systems in their development w…
• Installation (Web)
  Installed apps are easy to access and can take advantage of some deeper integrations with the OS.
• Add media to a web page (Web)
  Embed a media file in a web page using the and tags.
• Fixing mixed content (Web)
  Find out how to fix mixed content errors on your website, in order to protect users and ensure that all of your content loads.
• Use Search Console (Web)
  Verify ownership then check your site using Search Console.
• Code splitting with React.lazy and Suspense (Web)
  The React.lazy method makes it easy to code-split a React application on a component level using dynamic imports.
• Pseudo-elements (Web)
  A pseudo-element is like adding or targeting an extra element without having to add more HTML.