Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Aug 16 23:22

    tylerchilds on 2.0

    4 spaces (ft. commit i should h… stylelint and spacing correct line endings and 2 more (compare)

  • Aug 12 05:30
    tylerchilds commented #40
  • Aug 12 05:16

    tylerchilds on 2.0

    improved core and headings (compare)

  • May 06 06:40
    tylerchilds closed #35
  • May 06 06:40
    tylerchilds commented #35
  • May 06 06:39
    tylerchilds closed #44
  • May 06 06:39
    tylerchilds commented #44
  • May 06 06:38
    tylerchilds closed #19
  • May 06 06:38
    tylerchilds commented #19
  • May 06 06:34
    tylerchilds closed #24
  • May 06 06:34
    tylerchilds commented #24
  • May 06 06:32
    tylerchilds commented #47
  • May 06 06:29
    tychi-nflx commented #47
  • May 06 06:29
    tychi-nflx commented #47
  • May 06 06:18

    tylerchilds on 2.0

    steaming forward (compare)

  • May 06 06:14

    tylerchilds on 2.0

    fixing some one-offs (compare)

  • May 06 05:34

    tylerchilds on 2.0

    basic working runtime vertical … more rhythmic movements rhythm is groooooving (compare)

  • Apr 23 18:49
    frederikhors opened #47
  • Jan 31 2018 15:27
    fa7ad commented #24
  • Sep 21 2017 23:52
    tylerchilds commented #40
charles peters
@charlespeters_twitter
finally
awesome
why don't we just call that as a function
that way we can decrease the number of global deps for new contributors
what is bower for in this build?
Tyler Childs
@tylerchilds
Nothing anymore, legacy from when it had dependencies
charles peters
@charlespeters_twitter
okay well i can nix it my PR
Tyler Childs
@tylerchilds
and agree about removing the global dependency for kss
i think the first PR for cutestrap was for someone adding/pinning the version in the package.json
charles peters
@charlespeters_twitter
we can make a task like gulp.task('docs', kss(opts))
Tyler Childs
@tylerchilds
:+1: , thanks for digging into the gulp code, most of it was just thrown/pieced together from legacy fragments i had in other repos
charles peters
@charlespeters_twitter
can you give me an overview of what the temp task does?
Tyler Childs
@tylerchilds
looking at it now, that's legacy too and doesn't do anything required
charles peters
@charlespeters_twitter
okay
Greg
@gregorypratt
Is the 8kb on the home page the gzipped size? Might be better to advertise the compressed size as most will download that version
Tyler Childs
@tylerchilds
It's not the gzipped size, just the minified size, so gzipped it'd be even smaller. I think that's a good idea though, we're not currently providing a gzipped version and we should
Greg
@gregorypratt
Well a lot of CDNs will do that for you so you could leave a gzip version out of your solution but I'd advertise the smallest size you can achieve #perfmatters 😉
Tyler Childs
@tylerchilds
Absolutely, I'll look into how small it is gzipped, thanks!
Greg
@gregorypratt
Also to get it on something like jsdelivr is as easy as a PR on their repo and you get free CDN distribution with automatic update functionality 👌 Keep up the good work!
Tyler Childs
@tylerchilds
sick! I'll look into that, it'll be nice to have it up on a CDN and thanks!
Tyler Childs
@tylerchilds
Looks like it's 2.28kb gzipped at the moment.
Paul Bovis
@bovisp
@tylerchilds . I absolutely love this little framework. Thank you so much for all of this. I have forked your repo an am working on expanding it. One thing I did right away was write a little javascript to set images to the baseline including on resize. Here is the script I used for reference:
window.onload = function() {

    // Add a couple of attributes to each image so we can keep track of the
    // images original width and height.
    $(".img-resp").each(function() {

        $(this).attr({
               "data-image-width": this.naturalWidth,
               "data-image-height": this.naturalHeight
        });
    });

    // Set those images to the baseline
    resizeImage();

    // On screen resize, recalculate image heights so that they sit on the 
    // baseline
    $( window ).resize(function() {
        resizeImage();
    });

    function resizeImage () {
        var sw = document.body.clientWidth;

        // Check if the clientWidth is above or below 960px, the threshold
        // Cutestrap uses when setting a baseline of 24px (> 960px) and 30px 
        // (<= 960px)
        if (sw < 961) {
            var baseline = 24;
        } else {
            var baseline = 30;
        }

        $(".img-resp").each(function() {

            var origWidth = $(this).attr("data-image-width");
            var origHeight = $(this).attr("data-image-height");
            var imageAspectRatio = (origWidth / origHeight);

            // If the width of the image is less than the parent container, 
            // set image to the baseline using the image's original width 
            // and height as variables. If the width of the image is greater 
            // than the parent container, use the parent's current width 
            // instead of the original width.
            if (origWidth < $(this).parent().width()) {
                var newHeight = (origWidth / imageAspectRatio);
                var leftover = (newHeight % baseline);
                $(this).css('height', newHeight - leftover);
            } else {
                var newHeight = ($(this).parent().width() / imageAspectRatio);
                var leftover = (newHeight % baseline);
                $(this).css('height', newHeight - leftover);
            }
        });
    }
};
Not sure if this is the best solution, but it looks to work cross-browser.