An internet radio show about the internet starring Dave Rupert and Chris Coyier.

Subscribe on iTunes or RSS

Twitter:

167 Rapidfire 44

01:00:35 Download

Show Description

Another RAPID-FIRE for you this week; nothing but HOT question and answer madness.

We answer questions about package management, inline-css, CSS frameworks, code editors, testing, and more!

Show Sponsors

Interested in sponsoring?

Time Jumps

  1. I keep the code for my site on Github.
  2. I keep the 'content' folder in Dropbox.
  3. I install Dropbox on my server.
  4. I use Capistrano to deploy the code from Github to my server, and then have Capistrano create a symlink inside the Kirby CMS folder, pointing to the Dropbox 'content' folder. BAM

That way I can mess around with stuff, while keeping my content out of harms way. Also, for creating new content, I use nvALT (using markdown of course) on my Mac, which has a sweet preview panel that you can customize with your own CSS and HTML, so you get a real live preview of your posts with the exact same stylesheets that are on your website.

Comments

  • Mark Bloomfield

    With regards the second question about inline CSS… For that specific example of having an image applied to a DIV with cover etc…

    The route that I’ve taken in the past, has been:

    HTML:

    jQUERY:
    var databg = $(‘div[data-bg]’);
    databg.each(function() {
    var bg = $(this).attr(‘data-bg’);
    $(this).css(‘background-image’,’url(‘+bg+’)’);
    });

    CSS:

    div[data-bg] {
    background-size: cover;
    background-repeat: no-repeat;

    }

    Does the job pretty well.

Job Mentions

Check out all jobs over on the Job Board. If you'd like to post a job, you can do that here, and have it mentioned on ShopTalk for a small additional charge.