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.
In my ongoing choice to build my own React/jQuery library, today I've recreated React's useEffect in 4 lines of code -> declare object, find all effects to append, wait for DOM updates, trigger effects. That brings my library to 23.7kb and a total of 8.76ms added to page load.
@ITStudiosi @bedesqui It's meant to do other things like easy grouping of classes like hover{12 full} is .a:hover{font-size:12px; width:100%} .. or ^{} to target parents, ^2{} to go up 2 levels, etc. You define mixins and components and variables on the fly.. end goal is to solve all css shortcomings.
@ITStudiosi @bedesqui It's a javascript that converts know="x" to x{} in browser. It takes about ~10-20ms to run in browser for a standard size page. With it, you can run a site without a .css file... if you inject new html into the page, it creates the new css on the fly too.
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
@scrumtuous For situations like these, parseInt() or parseFloat() are ideal to ensure everything is numeric before any math... it gets even more absurd if you mix addition and subtraction in a single operation: 1+"1"+1-1 = 110
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.
@bryhutch Left a small (sinking ship) local company that refused to modernize after 21 years there to go fully remote at a global company with a small, concise tech team.
@scrumtuous The other day, I injected hidden input tags into <head>, pushing all meta tags into <body> and, from that, I wrote a function to never allow that to happen again… broken code leads to more stability. Clean code != progress 😆
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”
@xsgames_ Casually at age 3 in 1982: BASIC on early computers by copying code from manuals to draw shapes on screen or run math programs.
More realistically at age 14 in 1993 and haven’t stopped since.