Web.dev by Google Reviews

Google Fonts Reviews

Web.dev by Google mentions (126)

• Old Dogs, New CSS Tricks

  It may be ran by Google, but https://web.dev/ is one good source for keeping up with new web technologies. - Source: Hacker News / about 1 month ago

• Lessons from open-source: Use window.trustedTypes to prevent DOM XSS.

  “If the sanitization logic in DOMPurify is buggy, your application might still have a DOM XSS vulnerability. Trusted Types force you to process a value somehow, but don’t yet define what the exact processing rules are, and whether they are safe.” — this caution from web.dev makes me want to play around with TrustedTypes more and get a better understanding. - Source: dev.to / 3 months ago

• Building a realtime chat app with Next.js and Vercel

  Before we start creating pages in our application, it's important to understand how Next.js renders content. The framework supports multiple rendering methods including server-side rendering (SSR), static site rendering (SSG), and client-side rendering (CSR). There are many pros and cons to each rendering method (too many to cover in this post) so if these concepts are new to you, Google’s web.dev site has a very... - Source: dev.to / 9 months ago

• Navigating the Waters of Core Web Vitals in 2024

  The lifecycle of an interaction. Source: web.dev. - Source: dev.to / 5 months ago

• How hard has code splitting been in your experience?

  Probably not, it's the CSS used so far, so if there are elements you've not interacted with, that's an issue. This web.dev article gives some tools you can use https://web.dev/articles/extract-critical-css. Source: 7 months ago

Google Fonts mentions (345)

• Symfony 7 vs. .NET Core 8 - Controllers

  Public function index(): Response { $response = $this->sendEarlyHints([ new Link(rel: 'preconnect', href: 'https://fonts.google.com'), (new Link(href: '/style.css'))->withAttribute('as', 'stylesheet'), (new Link(href: '/script.js'))->withAttribute('as', 'script'), ]); // prepare the contents of the response... return $this->render('homepage/index.html.twig', response:... - Source: dev.to / 22 days ago

• Top 15 Tools for Frontend Developers: Optimize Your Workflow

  Familiar to all of us, Google Fonts offers a wide variety of free fonts that you can use in your projects. The extensive collection includes fonts for various styles and purposes, ensuring that you can find the perfect typeface for your design. - Source: dev.to / 1 day ago

• Show HN: Infinite Bikeshed (try out any Google Font on pigweed.dev)

  Hi HN, just a fun little "rapid prototyping" tool I threw together for my team. We're maybe updating the font on https://pigweed.dev (suggestions welcome if you're one of our customers/users!) and I wanted a way to quickly see how different fonts look on the site. Typing in any Google Font (https://fonts.google.com) name in the `Font Name` textbox (bottom-right) should work. You may need to look at the embed code... - Source: Hacker News / 8 days ago

• Enhancing Your E-Commerce Site: Custom Fonts, Global Styles, and Layout Setup

  The simplest and cheapest way of getting fonts to your app is Google Fonts. We need to open Google fonts page and type in the search panel the font we need, or just scroll and choose the font we like the most. There are two options for getting fonts: get embed code (in that case we will get 2 links which we should import directly to our index.html file and fonts will be downloaded to the client each time the app... - Source: dev.to / 22 days ago

• How to Use Custom Fonts with Tailwind CSS: A Step-by-Step Guide

  To find your desired font, visit Google Fonts and make a selection. - Source: dev.to / 25 days ago