Articles by Bricss

  • Quickly toggling elements in the Web Inspector

    14Oct Here’s one Web Inspector shortcut I didn’t know about (although it’s listed in the shortcuts): just press the h key in the Elements tab and the currently selected element will be hidden. What happens is that the __web-inspector-hide-shortcut__ class is toggled on that element, with the following CSS: .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ * { visibility: hidden […]

    READ MORE
  • Auto-hiding scrollbars in IE10

    17Sep Was just looking for a way to make the scrollbars in Internet Explorer a little less obtrusive, and I found this. -ms-overflow-style: -ms-autohiding-scrollbar; This gives you scrollbars that appear during touch and keyboard interactions, and fade out again after a few seconds. Nice. IE scrollbar

    READ MORE
  • Using RGBA in Internet Explorer

    Read this brilliant tutorial on how to use RGBA in Internet Explorer using Filters. You’ve probably come across the use of CSS filters as fallback techniques for RGBa colors or CSS gradients for example. They have their limitations and implications, but they do come in handy sometimes. They look something like this: .awesomesauce { background: […]

    READ MORE
  • CSS3 Tutorial and Explanation: box-decoration-break

    box-decoration-break isn’t one of the many CSS3 properties that web developers have been raving about until now, and it hasn’t been supported fully by browsers yet. But will more browsers starting to use it in their latest releases, in this css3 tutorial, Bricss explains to us why we should consider using it. One of the […]

    READ MORE
  • Web Design Tutorial: box-shadow vs filter: drop-shadow

    This post is the first topic I discussed in my jam session presentation at Fronteers 2012. It’s about the drop-shadow filter. You may have looked at it and thought “this is pretty much the same thing as a box-shadow” right? Well, not exactly. The big advantage of the drop-shadow filter is that it acknowledges the […]

    READ MORE