
StackBlitz
CodeSandbox
replit
CodePen
GitHub Codespaces
Glitch
JSFiddle
CodeTasty
Atlassian Design
Design Principles
Facebook Design
Colorbox.io
Facebook Design Resources
UpLabs
Designer Mill
Adele
StackBlitz
Atlassian DesignI've started using this as my main IDE for new projects when I'm trying things out. If it keeps getting better at the rate it has been, it'll be even better than coding locally.
Based on our record, StackBlitz should be more popular than Atlassian Design. It has been mentiond 112 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Managing reactive state and dependent computations in JavaScript can get complex, especially when combining asynchronous and synchronous data. RS-X is a library that allows you to bind expressions to plain objects and makes the parts of the model used by those expressions fully reactive. Dependent computations automatically update when the underlying data changes. RS-X is framework-agnostic. While it can drive UI... - Source: Hacker News / 5 months ago
I like htmx, LiveView, React and Solid. They are great at different points, so I try to combine them in Solv (Stateless Offline-capable LiveView) and write a prototype to show the benefits. Solv's main idea is that stateless servers keep client's state in a volatile cache. It enables server components that are also interactive, which is best of both worlds between LiveView and htmx. Then fine-grained reactivity is... - Source: Hacker News / 8 months ago
I like htmx, LiveView, React and Solid. They are great at different points, and this is a prototype trying to combine them. Solv's main idea is that stateless servers keep client's state in a volatile cache. It enables server components that are also interactive, which is best of both worlds between LiveView and htmx. Then fine-grained reactivity is added to achieve efficient DOM updates + minimal payload size.... - Source: Hacker News / 8 months ago
In the code editor tab (powered by StackBlitz), navigate to the env.ts file and enter your OpenAI key. Run npm run generate in the terminal to see how @autoview generates TypeScript frontend code from example schemas derived from both TypeScript types and OpenAPI documents. - Source: dev.to / over 1 year ago
URL: https://stackblitz.com What it does: An online IDE for coding, previewing, and deploying web apps instantly. Why it's great: Rapidly spin up projects without local setups โ great for experimentation. - Source: dev.to / over 1 year ago
As the official evolution of react-beautiful-dnd, this library also comes with extensible accessibility features right out of the box. The default assistive controls are based on the Atlassian Design System, so if youโre already using that, integration will be seamless. But if you arenโt, you can easily replace those components with your own, or completely redefine how accessibility is provided and take a more... - Source: dev.to / over 1 year ago
Atlassian Design System: Atlassian's Design System encompasses a color module encompassing primary, secondary, and functional colors, along with an extended palette for shades and tints. The system provides comprehensive guidelines for effective color usage and emphasizes accessibility. - Source: dev.to / almost 3 years ago
Atlassian design system: https://atlassian.design/. Source: about 3 years ago
Regarding discoverability, you could build a directory with documentation. Similarly to how design systems are documented, e.g: https://atlassian.design/ But if you really want to share them you'll probably need to evangelize it somehow. Source: over 3 years ago
Step 5: Study design system Atlassian design system Primer design system Spectrum, Adobeโs design system Carbon design system. - Source: dev.to / over 3 years ago
CodeSandbox - Online playground for React
Design Principles - An open source repository of design principles and methods
replit - Code, create, andlearn together. Use our free, collaborative, in-browser IDE to code in 50+ languages โ without spending a second on setup.
Facebook Design - Resources for Designers from the Facebook Design team
CodePen - A front end web development playground.
Colorbox.io - Create accessible color systems ๐จ