KnowCSS, the NoCSS Engine
@knowcss
Introducing KnowCSS, the NoCSS Engine. Never create a CSS file again. div know=“^sm{hover((font-size-anything))}” Created by @jaydoublay to make life easier.
You might like
Creating my own version of jQuery/React has saved me countless hours & headaches. I am tempted to release my library for public usage but I hate spending time on user guide documentation! #javascript #dev #jquery #react
How do you center a div? KnowCSS can center with a single class on the parent element which sets the parent display property and horizontally/vertically centers all children automatically. #css #div #html #center
With KnowCSS, reverting 1 or more properties is a breeze. Prefix or suffix any property with initial/inherit/revert/unset or group multiple together by {}. Keep your code simple, clean, organized, and readable.
Anyone else assign words/phrases to symbols to simplify reading code in your head? Arrow functions symbol => is “goes to” in my head. (a)=>a+1 “a goes to a plus one”
The best part of building an all-inclusive css replacement is discovering all the finer nuances of css itself.
Rewriting a set of functions taking 10-15ms with large data sets to take 5-10ms.. this is important.
Does anyone else text themselves thoughts at midnight while ideas are swarming in their brain? I do. Most nights. I am currently brainstorming a shorthand for animations, keyframes, and related event listeners, all via an attribute tag in html. #css #nocss #ideas #thoughts
Have you ever seen event listeners.. in css? ^click{} will add those styles to the parent element on click (and remove on 2nd click) for an easy class toggle. #css #nocss
The parent selector in KnowCSS provides a no-headaches way to apply classes to the parent of an element. Behold the power of ^! #css #nocss
With KnowCSS Now, the in-browser IDE, you may easily debug and experiment with KnowCSS in your favorite browser. Try the beta now: knowcss.com/now/ #css #nocss #html
With KnowCSS, you can generate CSS media queries with a simplified syntax. It appears I am on a 300dpi landscape display and prefer light theme. #css #nocss #html #knowcss
KnowCSS includes many variations of every possible value set for any given css property. This will allow you to still write your own code, your way, without being too restricted to specific limitations. #css #html #nocss #knowcss
KnowCSS can leverage mixins with variables and shorthand to create simple components that render with speed in real-time. #css #html #nocss #knowcss
Who remembers HTML before CSS? <font> tags everywhere! In 1996, Duct99 posted a tutorial on Hypermart on how to remove underlines from links.. I was skeptical.. but shockingly it worked! What else could this mystical “style” tag do?! #css #html #style
Can your css library target based on device and hide elements on screen if the visitor's environment doesn't match? KnowCSS can do that with selectors for browsers, os, mobile os, device type, device orientation, new/returning users, and more! #css #html #javascript
United States Trends
- 1. Pond 243K posts
- 2. Daboll 37.4K posts
- 3. Jimmy Olsen 3,416 posts
- 4. Veterans Day 22.7K posts
- 5. Go Birds 13.4K posts
- 6. McRib 1,722 posts
- 7. Downshift N/A
- 8. #OTGala8 124K posts
- 9. Akira 27.6K posts
- 10. Schoen 19.5K posts
- 11. Zendaya 10.4K posts
- 12. American Vandal 1,906 posts
- 13. Biker 4,103 posts
- 14. Gorilla Grodd 1,829 posts
- 15. #FlyEaglesFly 6,040 posts
- 16. Mecole Hardman N/A
- 17. Hanoi Jane 1,490 posts
- 18. Harvard 33.4K posts
- 19. Johnny Carson 1,051 posts
- 20. Kyle Hendricks N/A
Something went wrong.
Something went wrong.