The editor of the playground shows you the live DOM in its editor.
290 karma · joined March 24, 2013
. The real-time web development playground for HTML, CSS, and JS. Changes in your code reflect instantly in the output, and vice versa. It supports in-editor Workers for backend code, that can be deployed to RTEdge.net.
. Our brand-new AI services offering. The agents we develop will assist you in our playground and at the edge.
. Our global, multi-cloud, edge network. It gives your work the world-wide edge with distributed hosting that auto-scales. We also run . – world's shortest SaaS eTLD.
We are generously backed by the best: - Cloudflare Startup Plan : Enterprise - Microsoft for Startups : Azure+OpenAI - AWS Activate - Google for AI Startups : GCP - Oracle : OCI
. - efn.kr/?
The editor of the playground shows you the live DOM in its editor.
35 (~2023-12) ↓ 12 (2024-01) ↓ 06 (2025-01)
"us-west2" (California) "asia-northeast1" (Tokyo), "australia-southeast1" (Sydney), "europe-west4" (Amsterdam), "me-west1" (Tel Aviv), "us-south1" (Austin), and "us-west1" (Hillsboro)
---
Deno Deploy does not deserve the EDGE label at this point!
Redeploying solves the issue for a particular project!
Waiting for updates from Deno on Discord, X, and https://denostatus.com
Do they make calls to each other?
--- https://RTCode.io is my real-time web playground with 2-way IO sync.
(Check out the multi-device remote sync video on the home page!)
I created this playground while working on https://try.WebPDF.pro PDF web components. It allowed me to view and edit the light DOM state of my components without reloading the page and losing the DOM state.
---
https://RTEdge.net is the edge network where the playground deploys code.
You can code an in-editor service worker on RTCode.io (which works inside the editor and keeps its internal state until you edit it again) that deploy to the edge with a single click. Edge workers are paired with enterprise-grade storage options KV, R2, ...
See https://new.rt.ht → Backend for more details.
Deployments can be edited by appending '?' at the end of the pathname: <https://new.rt.ht/?>
Code Versions is a new feature I am working on that gives users full history, diffs, rollback, and a whole lot more!
---
Both the web playground and the edge network will launch publicly in 2024 (around Christmas?), after being in closed alpha for over a year.
(I say closed but anyone can Sign in with a provider and start deploying code today. Editing does not even require sign in.)
They have already proven to be incredibly useful for several teams who appreciate the power and simplicity of web standards.
Upon launch, these platforms will position themselves between CodePen and Vercel, offering superior features while maintaining laser-sharp focus on speed, efficiency, and the discipline to say no to bloat, hype, and complexity.
Have also been using Claude 3 Opus recently. Opus follows my style exactly and is better at making edits to longer code. When things get really complex, it tends to fail at tasks where GPT-4 (turbo) still delivers results.
Gemini 1.5 Advanced which is a lot faster and sometimes the only one to come up with non-convoluted one-liners that meet the requirements exactly.
So, as of today, my experience is,
- best vision & complex reasoning: GPT
- best style match: Opus
- best speed: Gemini
For remote output across multiple real devices, we are currently using STUN/TURN servers hosted on AWS/OCI for route discovery and relay (only between users behind restrictive firewalls).
Cloudflare Calls can completely replace the manual process of maintaining our own fleet of STUN/TURN servers for real-time (audio/video and) data applications. Reducing costs and complexity by several orders of magnitude.
Cloudflare Workers for Platforms is already driving our Edge Workers service, and it makes our global network vaster than Vercel with equal performance.
See https://new.rt.ht for our templates.
The user agent suggests mobile outlook, but I am only using the Mail app on iOS (which is not in Microsoft's control). Can somebody explain!?
RTEdge.net DB
https://rtedge.net/#flat=&cf=-&aws=-&zoom=1.4 vs https://rtedge.net/old#flat=&cf=-&aws=-&zoom=1.4
RTCode.io Deploy
https://rtedge.net/#flat=&aws=-&db=-&zoom=1.4 vs https://rtedge.net/old#flat=&aws=-&db=-&zoom=1.4
This is a huge reduction in availability and quality!
For example, Seoul moved to Tokyo, response times went from 8ms to 42ms!
3x smaller network
5x slower responses
---
We hope they respond promptly, and update their documentation.
We have lost 23 cherished red dots on https://RTEdge.net (click on dots / lines for exploration), and we don't quite know which ones!
They still have the only online playground that allows WASM imports by URL!
We use Deno DOM WASM when a user deploys code on https://RTCode.io.
The deployed code is then served by the larger Cloudflare network using Workers for Platforms.
Just hover over that middle divider between the input>|<output panels to get a feeling of how customizable it is.
Also our menus do not follow their keyboard navigation logic at all and adds support for disabled, hidden, inert elements, as well as selection by typing the first letter of menu items.
All of these are possible because the author knows what NOT to do with HTML custom elements.
Once we raise funding, and establish strong market presence, we will revisit this decision, and dedicate developer resources to sharing our in-house tech with the world more openly. This will take a full position. If you liked what you see, and want to work with us, send us an email at work@elefunc.com and we will get in touch once we have open positions!
• https://new.rt.ht (try starting fresh here)
If you cannot save your code, just save the URL which encodes the complete state down to the selected text ranges.
Saving/deployed to 275+ Cloudflare locations may not be available globally yet.
It is will be a free playground with commercial features, such as edge-deployed workers which can be developed in-editor:
• https://sw.rt.ht/? (in-editor)
• https://sw.rt.ht (edge-deployed)
Video: https://rt.ht/yt (multi-device, live sync without reloads)
Home: https://elefunc.com/#rtcode_io
Playground: https://rtcode.io
Network: https://rtedge.net
---
To import from CodePen:
• https://codepen.io/jkantner/pen/NWEgzoK (original)
• https://rt.ht/codepen.io/jkantner/pen/NWEgzoK (import)
• https://rtcode.io/jkantner/pen/NWEgzoK (import)
Lightsail web console has the most up-to-date information.
We have upgraded our instances for the nice little bump!
1. create new instance
2. rsync old to new
3. apply firewall rules
4. swap IPs
5. confirm all services running/reachable
6. delete old instance
If you prefer to stick with Amazon Linux, please beware Amazon Linux 2023 does not have EPEL; see https://docs.aws.amazon.com/linux/al2023/ug/compare-with-al2...https://deno.com/kv on FoundationDB!
is our global, multi-cloud network! We build on this foundation, a real-time coding/hosting platform using nothing but the web standards and APIs.
On the map, you can click on the nodes and edges (lines) for additional info! This map will be embedded into our marketing pages, which we are in the process of writing.
---
As a teaser, watch https://rt.ht/yt (20s video about RTCode.io – a web playground with reload-free, 2-way input ⇄ output sync; service workers user can code in-editor ( https://sw.rt.ht/?io ) and deploy to the Cloudflare's network ( https://sw.rt.ht ), and other features)!
Ask about "layers of hierarchy at a high school":
::::::::::: School Board --> Sets policies, goals, and oversees school administration
___________ Principal --> Oversees the daily operations of the school, and implements policies and curriculum
%%%%%%%%%%% Teachers --> Develop lesson plans, instruct students, and evaluate student performance
~~~~~~~~~~~ Support Staff --> Includes roles such as school nurses, librarians, and custodial staff
+++++++++++ Students --> The primary recipients of education in the school
Go on with: "Say a student intentionally hit another, causing injury. Which layers activate?" ::::::::::: School Board --> Might be involved if the incident triggers policy reviews or disciplinary hearings
___________ Principal --> Would likely oversee the response, including disciplinary actions and communication with parents
%%%%%%%%%%% Teachers --> Depending on the situation, they might provide first aid, supervise students, or report the incident
~~~~~~~~~~~ Support Staff --> Nurses would provide medical aid. Custodial staff may need to clean up. Security may investigate.
+++++++++++ Students --> The perpetrator may face disciplinary action. The victim receives aid and support. Witnesses may give statements.
Add Korean drama: "The perpetrator is very rich and her parents finance the entire school. How could this change the picture?" ::::::::::: School Board --> May feel pressure due to financing, could potentially sway decisions or policies
___________ Principal --> Might face pressure to minimize the incident, may fear job security if they handle the situation 'wrong'
%%%%%%%%%%% Teachers --> May feel divided between student safety and job security, could be hesitant to speak out
~~~~~~~~~~~ Support Staff --> Similar to teachers, may feel uneasy about reporting the incident or discussing it
+++++++++++ Students --> Perpetrator may face less severe consequences; victim and witnesses might feel their voices aren't heard
Calm it down: "Say, a student runs out of space in her notebook. Which layers activate?" ::::::::::: School Board --> Might not get involved unless the issue is widespread and indicative of a systemic problem
___________ Principal --> Usually not directly involved unless there's a recurring issue of school supplies availability
%%%%%%%%%%% Teachers --> Directly involved, may suggest using additional paper, starting a new notebook, or condensing notes
~~~~~~~~~~~ Support Staff --> May offer technical solutions if there's a possibility to switch to digital note-taking
+++++++++++ Students --> Directly affected, student needs to decide how to continue taking notes, may need to purchase a new notebook
Spice it up!: "A female student dresses very scantily." ::::::::::: School Board --> May get involved if the dress code is violated and it becomes a widespread issue or stirs controversy
___________ Principal --> Likely to get involved if there are repeated violations, may meet with student or parents
%%%%%%%%%%% Teachers --> Might report the student if dress code is violated or it disrupts the class; may also address it directly with the student
~~~~~~~~~~~ Support Staff --> Might not get involved unless asked to assist with enforcement or if they are also a student advisor
+++++++++++ Students --> Classmates might react positively or negatively; student in question may face peer feedback or pressure
Add more drama: "An inspector from the ministry of Education visits too see how lessons are performed and during class, asks questions to the students on various topics and notices abysmal performance in all subjects but literature. What repercussions would this have at each layer?" ||||||||||| Ministry of Education --> Will likely request a formal review or assessment of the school's curriculum and teaching methods, and may require an action plan for improvement
::::::::::: School Board --> Could face scrutiny or pressure from the Ministry of Education, and would likely oversee the development and implementation of improvement plans
___________ Principal --> Would be responsible for implementing changes and managing teacher performance, may need to revise curriculum or teaching methods
%%%%%%%%%%% Teachers --> Would face increased scrutiny and pressure, may need to adjust their teaching methods, might receive additional training or professional development
~~~~~~~~~~~ Support Staff --> May not be directly involved, but could face additional work related to implementing changes (such as increased administrative tasks or more student support)
+++++++++++ Students --> Might face more rigorous coursework or increased homework, may also receive additional support or tutoring
Add parents!: "In this hierarchy, where are the students' parents?" ||||||||||| Ministry of Education --> Will likely request a formal review or assessment of the school's curriculum and teaching methods, and may require an action plan for improvement
::::::::::: School Board --> Could face scrutiny or pressure from the Ministry of Education, and would likely oversee the development and implementation of improvement plans
___________ Principal --> Would be responsible for implementing changes and managing teacher performance, may need to revise curriculum or teaching methods
%%%%%%%%%%% Teachers --> Would face increased scrutiny and pressure, may need to adjust their teaching methods, might receive additional training or professional development
^^^^^^^^^^^ Parents --> Likely to voice concerns, may demand changes, and could be involved in improvement initiatives
+++++++++++ Students --> Might face more rigorous coursework or increased homework, may also receive additional support or tutoringThis is their marketing/demo site for Edge Compute and the fact that perhaps the largest CDN lets certificates expire is a bit surprising.
We auto-rotate local browser access certificates across tens of thousands of IIoT devices 1 month before expiry accounting for eventual breakage with ACME providers we work with.
Wish everyone a happy lunar new year of the rabbit!
AI does not even have such geographic boundaries. There will always be people training/releasing newer versions. We had better grasp this fact early and enjoy the benefits equally.