These are chat archives for jescalan/roots

14th
Mar 2016
Yara
@isyara
Mar 14 2016 10:23
no one , for help me ?
Jeff Escalante
@jescalan
Mar 14 2016 14:01
@covingtondoan bc not everyone is cool with preprocessing, which is required for mixins. i think the majority of bootstrap's user base are beginning developers, and for them it's much easier not to consider preprocessing pipelines, the command line, and more complex css semantics
"just add this class to your html" is a very low barrier to entry, which is one of the big reasons that bootstrap took off
same thing with angular, where you don't have to write much actual js, you just add extra properties to your html
this type of thing is good for getting a very small project off the ground quickly, but once you are working on a larger project, shoving everything into html attributes quickly becomes unsustainable and slows you down
Hi @isyara, sorry about that. So the error it's throwing there, it's printing the path to a file and saying it doesn't exist. Does that file actually exist?
If not, from which file is it required?
Covington Doan
@covingtondoan
Mar 14 2016 14:07
@jenius that makes sense. What about more "functional" libraries like Basscss and Tachyons?
Yara
@isyara
Mar 14 2016 14:21
@jenius yes
Jeff Escalante
@jescalan
Mar 14 2016 15:49
@covingtondoan looks cleaner than bootstrap, but it still uses classes rather than mixins for implementation
@isyara so the file does exist at that exact path, but the error says it does not?
Covington Doan
@covingtondoan
Mar 14 2016 16:01
@jenius Is there a significant performance difference between using a ton of utility classes vs clean mixins? I keep hearing about using cssstats.com to improve one's CSS. Or is the gain (if any) not really worth it?
Jeff Escalante
@jescalan
Mar 14 2016 16:01
no, none if you are using gzip
even if you have 50 uls on your site, all of which use a ul mixin which repeats the same code exactly
you'd think it would be more efficient to write a single list class, then apply it to each ul
but gzip takes any text that is the same in more than one place and compresses it down to just about nothing before serving through the wire
so it makes no perf difference
Covington Doan
@covingtondoan
Mar 14 2016 16:03
Gotcha
Jeff Escalante
@jescalan
Mar 14 2016 16:03
you can improve css perf by reducing the amount of code sent through, but exact repetitions of the same code don't impact sites using gzip
Covington Doan
@covingtondoan
Mar 14 2016 16:03
Thanks for the input. It's been really helpful
Jeff Escalante
@jescalan
Mar 14 2016 16:03
which should be every site
for sure!
:+1:
Covington Doan
@covingtondoan
Mar 14 2016 16:08
And I guess using tools like uncss to remove CSS bloat and help reduce the amound of code sent through
Jeff Escalante
@jescalan
Mar 14 2016 18:09
@covingtondoan for sure, and just structuring your code carefully
when it comes down to it, css usually is minimal as far as performance hits on sites. usually it has a lot more to do with images
and secondarily, javascript
Covington Doan
@covingtondoan
Mar 14 2016 18:09
True
Jeff Escalante
@jescalan
Mar 14 2016 18:10
if it helps at all, this is how i typically structure css
classes are used for some global elements
but it's minimal, and the classes are only there to make reading the html easier
and reduce repetition in the css
Covington Doan
@covingtondoan
Mar 14 2016 18:11
Ah, that's helpful. I was digging into the roots.cx code to better understand things and this definitely helps answer some questions I had on id and class usage seen there
Jeff Escalante
@jescalan
Mar 14 2016 18:12
:+1:
i need to update that writeup and formalize it
i'll do this eventually, put in a github repo somewhere
i'm spending a lot more time on the back end these days though so it hasn't been relevant enough to prompt me into it haha
Covington Doan
@covingtondoan
Mar 14 2016 18:13
I feel ya on that one
Jeff Escalante
@jescalan
Mar 14 2016 18:16
but there have been a couple of large apps built with this method and it has worked quite well
Covington Doan
@covingtondoan
Mar 14 2016 18:17
I'll give it a try
Jeff Escalante
@jescalan
Mar 14 2016 18:21
let me know how it pans out!
very much open to input and improvements
its not something I've made very public