Web.dev Alternatives
Similar projects and alternatives to web.dev
-
lighthouse
Automated auditing, performance metrics, and best practices for the web.
-
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
bedrock
WordPress boilerplate with Composer, easier configuration, and an improved folder structure
-
-
-
-
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
-
TheAnnoyingSite.com
The Annoying Site a.k.a. "The Power of the Web Platform"
-
-
Publii
Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
-
-
ToolJet
Extensible low-code framework for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, etc and build apps using drag and drop application builder. Built using JavaScript/TypeScript. 🚀
-
-
-
gutenberg
A fast static site generator in a single binary with everything built-in. https://www.getzola.org
-
processing
Source code for the Processing Core and Development Environment (PDE)
-
plasmic
Visual page builder and web design tool for any website or web app tech stack
web.dev reviews and mentions
-
The balance has shifted away from SPAs
For sure it's a terrible name (sorry, Jason ;P). In my other comment I talk about my experiences pitching this idea when I was https://web.dev content lead. There's something about this word that is an immediate turnoff and prevents people from really looking deeply at it. Which is a shame because it's such a useful mental model.
Names are important!
I think it's also relevant to mention that I spent a lot of time thinking about whether web developers at large should use SPAs or MPAs. It'll take a bit of my history to explain.
I was content lead for https://web.dev from 2019 to 2021. The mission of that site was [1] to provide actionable insights on how to build better websites. We know through MDN surveys, HN discussions, Twitter, etc. that many web developers are drowning in uncertainty around how to architect their website. Which framework to use is a key uncertainty. MPA or SPA is another one. But if you've seen web developers talk on Twitter you know that these are landmine topics. If you don't handle it extremely delicately and respectfully and fairly you are setting yourself up for a tsunami of vitriol. This is 10x true for anything that the browser vendors do or say (a lot of Googlers work on https://web.dev).
So here's where holotypes comes in. When I read holotypes I see a very useful framework for understanding website architecture. And it provides a way to logically recommend SPAs or MPAs. The answer is that it depends on your use case. If you're building a content-heavy, interaction-minimal site like Wikipedia then no duh an MPA is probably the right call. If you're building a media player like Spotify though then a SPA makes a lot more sense. You can use the same logic to figure out which framework is probably best for you.
So going back to my personal history. I pitched holotypes as the overarching information architecture [2] for https://web.dev. It didn't really go anywhere. The main reason was that I was just too green as a leader/manager to push through a big change like this (or I'm just not a very effective leader/manager in general). I still think holotypes is a phenomenal way to think about website architecture and I'm honestly sharing all this to encourage someone to carry the torch and create a website that guides you through which website architecture (and framework) to use based on your holotype. Happy to chat with anyone about it further just poke around on my HN profile page to figure out how to contact me.
[1] It probably still has the same mission. I'm only saying "was" because I'm no longer on the project. I quit Google in June 2021 for a sabbatical and returned last week working on something very different, Fuchsia!
[2] https://www.usability.gov/what-and-why/information-architect...
-
Top five resources to boost up your web developer journey
4. Web.dev
-
Serving Assets via CDN with Google Cloud
Depending on your business model (if you have one), an equally (or arguably more significant side effect) is the indirect impact latency has on SEO. Tools like Google's Lighthouse have brought excruciating visibility into how serving large uncached assets affects site ranking. The results can be brutal:
-
What is UX or How to keep customers
But if you want to start with UX, I recommend a very practical and readable book ux. Another useful source of information is industry events, such as the regular UX news, organized by the UX Association. You can also watch videos of past events. WebExpo is also useful. You can find a more detailed overview of UX events on the web.dev.
-
MDN Plus
Re: notifications I think it's a smart move. Back when I was content lead for https://web.dev I was floating around ideas along the same lines. Web developers learn of great new feature X and are disappointed to learn that it's only supported on a single browser. They then forget about the feature for years even though in the meantime it has been implemented on all their target browsers. Notifications of some sort solves this problem. I agree however that whether people will pay for this feature is debatable. Browser vendors should be incentivized to provide this feature for free somehow because it's in their own best interest to increase adoption of new web platform features.
-
axe-con 2022 takeaways: CSS
Full disclosure: math functions like min() generally make my brain hurt. My rudimentary understanding is that the browser will interpret the lowest of the comma-separated expressions to use when applicable. web.dev has a great demo of how this can work on Codepen. The tricky bit is that despite most examples using 2, min() can actually take any number of arguments, though it gets much harder to parse what is happening with more arguments added.
-
Hooks Considered Harmful
I was on Google's Web DevRel team for 6 years. Owned all the Chrome DevTools and Lighthouse docs for 4 years and led content strategy for https://web.dev and https://developer.chrome.com for 2 years. Lots of experience building small applications in vanilla HTML/CSS/JS and I build toy apps in whatever frameworks are currently popular. I'm a technical writer by trade so I usually don't have time / motivation / business rationale to dive into a particular framework but definitely am not a novice either!
-
Where and how to learn SEO?
Adding on to what others have said, Google has some good resources over at https://web.dev that I think are of decent quality. A lot of SEO boils down to putting in the time to thoroughly understand and respect HTML and it’s capabilities.
-
Interop 2022: browsers working together to improve the web for developers
Funny that the subgrid example actually has a screenshot from a browser that doesn't support subgrid: https://github.com/GoogleChrome/web.dev/issues/7453
Well, that does say something about the dominance of Chrome...
-
Show HN: Socket – Secure your JavaScript supply chain
feross (creator of this project and submitter of this thread) didn't mention his background/experience/pedigree but I can point out that he knows his shit. Check out his resume: https://feross.org/resume
I became aware of his existence after I realized he was clever enough to set up a bot to watch new posts on https://web.dev (I used to be content lead for that site) and automatically post every new thing here on HN
-
Ask HN: How do you manage your companies knowledge base?
One lesson learned from leading https://web.dev is that a lot of people, even technical ones, aren't comfortable with git + Markdown. And then there are people who are comfortable with it but feel that it's too much friction for simple docs updates.
-
SSGs through the ages: The 'Maybe Static Wasn't So Bad' era
Eleventy ranked highly for developer satisfaction in both the 2020 and 2021 Jamstack surveys and boasts vocal community support. It powers websites such as Google’s web.dev, CSS-Tricks Conferences, ffconf, and Lookback.
-
How to show Image Preview from Input element.
If you need a deep dive into how to create accessible forms, web.dev by Google developers has a wonderful module on forms. You can access it by clicking here
-
Is getting a website a high rank in Google search results the web devs responsibility?
Just look at https://web.dev — Clearly a lot of those issues covered are not just marketing.
Stats
GoogleChrome/web.dev is an open source project licensed under GNU General Public License v3.0 or later which is an OSI approved license.
Popular Comparisons
Are you hiring? Post a new remote job listing for free.