Jan 15, 2015 Tag: CSS
Ongoing attempt to collect links and documentation about CSS. Will be updated as needed.
Updated on Oct 16, 2018
Overview:
http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript !!!
Dump all document.styleSheets[*].cssRules[*].cssText to console:
// Dump all document.styleSheets[*].cssRules[*].cssText to console:
(function(s, c, r, i, j) {
for (i = 0; i < s.length; i++) {
c = s[i].cssRules;
for (j = 0; j < c.length; j++) {
r = c[j].cssText;
console.log('document.styleSheets[' + i + '].cssRules[' + j + '].cssText = "' + r + '";')
}
}
})(document.styleSheets);
In one line:
// Dump all document.styleSheets[*].cssRules[*].cssText to console:
(function(s,c,r,i,j){ for(i=0;i<s.length;i++){c=s[i].cssRules;for(j=0;j<c.length;j++){r=c[j].cssText;console.log('document.styleSheets['+i+'].cssRules['+j+'].cssText = "'+r+'";')}} })(document.styleSheets);
http://stackoverflow.com/questions/566203/changing-css-values-with-javascript
What about this one? http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
This is cool - if you want to reload css files: http://www.omnimint.com/A6/JavaScript/Change-external-CSS-stylesheet-file-with-JavaScript.html Pure Javascript and stylesheet href manipulation
Hhm, it seems to be easier with jQuery
2017-12-02, Harald Borgen: Why CSS Grid is better than Bootstrap for creating layouts
Layoutit! � layout builder for Bootstrap and CSS grids
Css border-radius can do that?
How to create very cool effects with a rarely used feature.
<https://9elements.com/io/css-border-radius/>
- including online tool