daily links

  • Decouple Your CSS From HTML With Reusable Modules – TNG – The Nitty Gritty
    Sass 3.2 has a wonderful method to define reusable modules called placeholders which enable us to decouple CSS from HTML while using unambiguous, semantic class names.
  • Schepp/box-sizing-polyfill
    This box-sizing polyfill is based on previous work done by Erik Arvidsson, which he published in 2002 on WebFX.
  • Mein neues Build-Tool: Grunt | YellowLeds Weblog v2
    Ich bilde mit meinem Grunt-Skript quasi die Funktionalität des H5BP-Skriptes ab. Einiges davon kann Grunt „out of the box“, ergänzend verwende ich die Plugins
    z.T. auch, um zusätzliche Funktionen bereit zu stellen. Diese Auswahl ist natürlich höchst subjektiv und individuell – es gibt noch weit mehr Grunt-Plugins für andere Einsatzgebiete.
  • Using OpenType font features with CSS 3: Part 1 | Fontdeck Blog
    Nowadays these additional font features are all included in the same font file and accessed through OpenType, a technology jointly developed by Adobe and Microsoft in the late 1990s. Web designers have had access to OpenType features for a year or so, through properties proposed in the CSS 3 Fonts Module. Firefox has supported this since version 4, and but until recently it was the only browser do so. Now Microsoft has joined the party by announcing OpenType support in Internet Explorer 10, along with Chrome on Windows (not Mac yet).
  • Emmet Documentation
    Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.
  • Web Advent 2012 / Debugging Zen
    As developers, when we encounter problems that require intense debugging, we’re often in a rush, especially if it’s something that affects a production environment. This rushed mindset creates the worst possible conditions for allowing you to effectively target the problem and identify a solution. When rushed, you don’t think clearly about where to begin, much less how to solve the problem. To think clearly, you must slow down.
  • Swashbuckling with swashes & other ligatures – HTML and CSS Advent 2012 by Digitpaint
    This one is for all you typophiles out there. For a long time web-typography was an unsightly, borked mess. Luckily, this changed with wide-spread support for @font-face. But still you couldn’t use the fonts you had to their full extent: all the cool OpenType features like small-caps, ligatures, old-style figures and swashes were reserved for those who used these fonts in print. With the CSS property font-feature-settings, that has changed quite a bit.