daily links

  • Values | drupal.org
    The Values module is an interface for managing reusable sets of key-value pairs. The purpose is to allow lists of values to be reused across the website, without having the configure them in multiple locations, or in code.
    Daux.io is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.
  • CSS Filters | Presentation from Alex Danilo | Web Directions
    CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. If you’re not using them, you should be – here’s how!
  • Centering Percentage Width/Height Elements | CSS-Tricks
    Instead of using negative margins, you use negative translate() transforms.

    .center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    Not even necessary really. e.g. Height could be left out!
    width: 40%;
    height: 50%;

  • Height equals width with pure CSS
    I was looking for a solution for flexible elements which remain the aspect ratio when resized. Until now I used some Javascript for resizing the elements. But using the resize event and recalculate the height of an element is some kind of nasty and never felt right. Recently I found a solution in an article from A List Apart and a topic on StackOverflow, which works quite well.