Safari 9.0 Viewport Changes

Viewport meta tags using „width = content-width“ cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding „shrink-to-fit = no“ to your meta tag as shown below. The added value will prevent the page from scaling to fit the viewport

<meta name = "viewport" content = "width = content-width, initial-scale = 1.0, shrink-to-fit = no“>

SCSS-Snippet: Please remove those font styles from the text!

*[style*='font'] {
  outline: 1px dashed red;
  &:after {
    content: 'Please remove those font styles from the text!';
    background-color: red;
    font-weight: bold;
    color: #fff;
    padding: 2px;
  }
}

gefunden auf http://wtcss.tumblr.com/

Praktisch, wenn z.B. Redakteure in einem Content-Management-System Texte aus Word in den WYSIWYG-Editor kopieren :)

CSS Transform Matrix

Try this in your next website project!
body:hover {
-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
-o-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
}

via Twitter @webrocker

Veröffentlicht am Kategorie: NotizSchlagworte: Permalink

Modular front-end development with LESS

I am constantly looking for ways to make my work as a front-end developer easier and more efficient, but it is only recently that I have paid my good friend CSS any real attention. This article will explore the benefit of organizing your code efficiently while keeping it reusable and modular.