After success on Hacker News two weeks ago, by looking at analytics numbers (11K returning users, and counting), I realized there's a real need in this tool.
Thank you all for feedback and feature requests — I put my hands on it, right after talking to you (users). A bit more than a week later, I'm happy to deploy the latest release. I've shifted focus from just tinkering to learning and sharing your experience. If you can't wait, here's a direct link to the tool.
So, what's new?
- In the first place a lot of new CSS3 properties, like blending modes and background clipping, see this example
- Every property Now has a link to MDN documentation
- Every property supported by its code-sample right above it
- Generated CSS, SASS, SCSS, and LESS code now well-prefixed to work on
not dead, and
IE11 with autoprefixer
- Keyboard shortcuts as in any other editor! Undo/Redo
- New sharing experiences — after the desired result is achieved it can be shared via direct link, or saved as to your snippets list
- Fonts! Now you can toggle between different fonts, default, system, and top5 from Google Fonts. Let me know if your favorite font is missing. I'll be happy to add it :)
- Much better performance, especially on heavy filters, blurs, and 3D transitions
- Much better on mobile devices
- It's a full-featured PWA. It means you can install it via "Add to Home Screen" on iOS and Android devices and have this tool everywhere with you, even if you're offline!
- Demos, to kick your inspiration and show capabilities of this tool, I've prepared a few examples (send me yours, I'll add your "styles" and name on our list):
I hope this tool is going to find its place in your bookmarks. Do not hesitate to ask for more features and share your CSS3 artwork, — I'll be happy to add it and your name to our snippet and example lists.
Let me know wdyt 🤔