Snippets

  • Protip from Ben Schwarz:

    .module {
      background: url('logo.png');
      background: none, url('logo.svg');
    }
    

    Basically, what’s going on here is older browsers will use the initial background declaration, ignoring the second, and browsers supporting multiple backgrounds will use the second, with the svg image. Clever use of none to force multiple background usage.

    Bonus points for discovering this technique doesn’t create two HTTP requests, as it may seem.

  • Draggabilly

    Neat looking little javascript library to make HTML elements draggable. Also works great on mobile with touch.

  • I’m not saying these tools aren’t valuable because they absolutely are. They are just introducing fragmentation into our community and I am noticing how much of a part of it I have become. I want to share my code with everyone who writes CSS, not a subset of that group.

    The fragmentation is pretty much the reason why I’m reluctant to invest any time into using CSS preprocessors at the moment.

  • I used to use BrowserLab frequently but Adobe have shut it down. I can’t say I’ll miss it as I haven’t used it for many months but it was a great service when I needed it.

    When we originally launched BrowserLab as a free service back in 2009, our customers were struggling with testing their web content across desktop browsers and platforms. Since then with the growth of the importance of mobile devices and tablets, the landscape has changed dramatically. Because of this shift, we have seen the usage of BrowserLab drop over the past year while at the same time our engineering team has been focusing on solving this new challenge with new solutions. Due to this, we will be shutting down the Adobe BrowserLab Service effective immediately.

  • 1 6 7 8 9 10 30

Newsletter

Subscribe to the Inspect Element email for updates on articles, tutorials and WordPress themes: