web.dev
devcert
Our great sponsors
web.dev | devcert | |
---|---|---|
148 | 1 | |
3,547 | 1,252 | |
- | - | |
9.0 | 0.0 | |
about 1 month ago | 21 days ago | |
Nunjucks | TypeScript | |
GNU General Public License v3.0 or later | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
web.dev
-
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 good introduction to rendering on the web that can help you understand rendering options.
-
Google have removed RSS support from their developer blogs
I noticed the same for Google's site https://web.dev/
The last article pushed to the feed was "Changes to the web.dev infrastructure" few months ago https://web.dev/blog/webdev-migration
The feed still there but with no updates https://web.dev/feed.xml and on the site you can see new articles published.
Is sad that on a infrastructure revamp of a modern site, the RSS feed was left out of the features list (at least for now).
> One of the downsides of switching over our beloved http://web.dev to Google's own DevSite CMS is that it doesn't offer RSS.
-
StackOverflow alternatives for web developers
web.dev, maintained by Google, including posts by Chrome developers and their co-workers,
-
ADA Compliance tools
Manual Accessibility Testing from web.dev is a great intro to manual testing in general.
- Self taught front end developers
-
Suggestions required.
Learning: If you are interested in frontend, start with HTML, CSS and JS. There are a lot of resources out there, freecodecamp, web.dev, theodinproject, mdn docs(developer.mozilla.org) and others. Pick one and get started. There are many more things that you will understand with time like frameworks (start with React for now) and other bits.
-
File Uploads for the Web (3): File Uploads in Node & Nuxt
Chunks of data being sent over time make up what’s called a “stream“. Streams are kind of hard to understand the first time around, at least for me. They deserve a full article (or many) on their own, so I’ll share web.dev’s excellent guide in case you want to learn more.
-
What new CSS and JavaScript features can we expect soon? Or is it all unexpected?
Google's web.dev blog: Offers technical guides and news. The RSS feed is found at https://web.dev/feed.xml.
-
Performance scores for Google Lighthouse/Insights seem to be very inaccurate
I suggest you study https://web.dev/
devcert
-
A safer default for navigation: HTTPS
The devcert tool (and its corresponding devcert-cli command-line interface) is very handy for creating a local root certificate authority that you control & your device trusts:
What are some alternatives?
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
lighthouse - Automated auditing, performance metrics, and best practices for the web.
TheAnnoyingSite.com - The Annoying Site a.k.a. "The Power of the Web Platform"
lite-youtube-embed - A faster youtube embed.
bedrock - WordPress boilerplate with Composer, easier configuration, and an improved folder structure
VuePress - 📝 Minimalistic Vue-powered static site generator
WebFundamentals - Former git repo for WebFundamentals on developers.google.com
docsify - 🃏 A magical documentation site generator.
ToolJet - Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. 🚀
nextra - Simple, powerful and flexible site generation framework with everything you love from Next.js.
mkcert - A simple zero-config tool to make locally trusted development certificates with any names you'd like.
squoosh - Make images smaller using best-in-class codecs, right in the browser.