web.dev
DISCONTINUED
plasmic
Our great sponsors
web.dev | plasmic | |
---|---|---|
148 | 58 | |
3,547 | 3,926 | |
- | 5.2% | |
9.0 | 9.9 | |
15 days ago | about 18 hours ago | |
Nunjucks | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
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/
plasmic
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.
-
Plasmic.app – the visual builder for your tech stack
+1 to Chung's reply. There's also a loader API where you'll generally never need to see the code that is output. Check out the differences between loader API and codegen here: https://docs.plasmic.app/learn/loader-vs-codegen/
In case you still want to see the code from codegen, here's an example. We generate 3 files per page/component:
1. JS/TS: https://github.com/plasmicapp/plasmic/blob/master/platform/w...
Excited to see this posted here! I think probably because we announced it going open source today.
I think the GitHub page is probably a bit clearer than our website right now:
https://github.com/plasmicapp/plasmic
Basically, it's a visual page builder that plugs into your own Next.js/Remix/React/etc. codebase. Your marketing/content/design team can then build and publish pages without filing tickets on eng. This is the main use case.
The most interesting aspect is that editors can drag and drop React components from your own codebase as building blocks. This is very powerful, esp. with e.g. data fetching React components.
Why open source? Because we love the tool. Plasmic has been in production deployment at companies big and small. But we think it can grow far beyond ourselves as an open source project. We’d love to see a broader community take it in unexplored directions. Community users have even started using it to build emails with React.Email and mobile screens in React Native.
Would love to hear folks' questions and feedback!
I think they're trying to invent a new market where none exists yet, and when you do that you HAVE to communicate very clearly. Basically I think they're a WYSIWYG editor for a React SPA. For me, this section helped:
https://github.com/plasmicapp/plasmic?tab=readme-ov-file#how...
Thanks for the feedback, we're still iterating on the homepage and didn't expect to get posted here yet!
Our repo https://github.com/plasmicapp/plasmic might be a bit more concrete.
It's a visual page builder that can work with your codebase. Content management is our biggest use case - i.e., devs integrate with Plasmic, and then marketing/content/design teams can create landing pages on the marketing site.
You can also take a look here! https://github.com/plasmicapp/plasmic/tree/master/platform/w...
This is Plasmic-generated code that we ourselves use to build our visual editor.
-
Show HN: An open source visual editor for React
How does this compare to https://www.plasmic.app/?
-
What the hell did my friend text me?
Doesn't look like an ARG to me, looks like it's just a little website practice using this very real service: https://www.plasmic.app/. The page he made talks about a button but I sure don't see one.
It is an arg, this is an in-character post and yes it does use the website creator https://www.plasmic.app inside of the website linked you would enter codes into the search bar and solve puzzles to enter different parts of the site, it is 100% an arg which I have created.
What are some alternatives?
builder - Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
wordpress-develop - WordPress Develop, Git-ified. Synced from git://develop.git.wordpress.org/, including branches and tags! This repository is just a mirror of the WordPress subversion repository. Please include a link to a pre-existing ticket on https://core.trac.wordpress.org/ with every pull request.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
code-components
html-figma - Builder.io for Figma: AI generation, export to code, import from web
windmill - Open-source developer platform to turn scripts into workflows and UIs. Fastest workflow engine (5x vs Airflow). Open-source alternative to Airplane and Retool.
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
nextjs-netlify-blog-template - Next.js blogging template for Netlify
openchakra - ⚡️ Full-featured visual editor and code generator for React using Chakra UI
Strapi - 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.
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"