Comments (4)
If I may add my two cents to this discussion, Codepen has an easy URL-based API where you can send your HTML/CSS/JS code along with dependencies and a name to create a new pen. Maybe you can use some advanced JS magic to generate links with all the necessary code for each snippet to make Codepens for people to test the code and play around with it.
from 30-seconds-of-css.
I thought of this while making it (particularly the triangle snippet), so yeah I'd say it's a good idea 😄
from 30-seconds-of-css.
@atomiks @Chalarangelo Can't we just create a style-element for each snippet with the id as it's name and then change the innerHTML as what the user provides. We can make add content-editable on double-click. The idea of using codepen is good but won't it take time?
from 30-seconds-of-css.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for any follow-up tasks.
from 30-seconds-of-css.
Related Issues (20)
- [FEATURE] Multiline truncation HOT 2
- how to build this? HOT 19
- [BUG] Animation / Button Border Animation not clickable HOT 4
- [QUESTION] Used color scheme? HOT 2
- PWA feature HOT 3
- Chinese translation HOT 8
- Sorry, I am coming again. HOT 1
- Reinstate old UI and website link HOT 30
- [BUG] offscreen snippet links to scetchy/phising website HOT 1
- Scam site linked in one of the snippets HOT 1
- Change the selection color HOT 2
- [Enhancement] Fix typo in about section on the html page HOT 1
- A (hopefully) better Hamburger Button HOT 2
- Adding More Snippets for CSS HOT 5
- Add side effect note for the css rules HOT 2
- The preview image in "Image Rotate on Hover" is broken. HOT 2
- Is 30-seconds-of-css not participating in Hacktoberfest? HOT 2
- CSS Neumorphic Buttons HOT 2
- CSS : Neumorphic Buttons HOT 2
- Website horizontal scroll (CSS issue) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from 30-seconds-of-css.