Multi line text shadow in Firefox

I've been using Fabien Doiron's Box-Shadow Method to create multi line padded text for a while. Just recently I had to find out that this isn't working anymore in later versions of Firefox.

Turns out starting with Firefox 32 Mozilla has introduced text-decoration-break: split as default. Setting it to box-decoration-break: clone; does the trick.

Thanks to Chris Coyier for pointing this out.

Tags: 

Help the GNOME project defend its trademark!

Groupon has announced a product called Gnome, trying to claim the name of the popular desktop for Linux and BSD desktops that has been around for 17 years. This is outrageous!

Even if you don't use the GNOME desktop yourself (I don't do neither) please consider donating to the GNOME Foundation to help them protect their trademark and set a signal that FLOSS projects will be protected.

This legal defense is not just about protecting GNOME's trademark; it is about asserting to the corporate world that FLOSS trademarks can and will be guarded. Not just by the project in question, but by the community as a whole. As a result, all FLOSS trademarks will be strengthened at once.

Responsive Sticky Footer with flexible height

Thanks a lot to Galen Gidman for sharing his solution to create Responsive, Flexible-Height Sticky Footers in CSS – works like a charm.

Markup

<header class="page-row">
  <h1>Site Title</h1>
</header>

<main class="page-row page-row-expanded">
  <p>Page content goes here.</p>
</main>

<footer class="page-row">
  <p>Copyright, blah blah blah.</p>
</footer>

CSS

html,
body { 
  height: 100%; 
}
body {
  display: table;
  width: 100%;
}
.page-row {
  display: table-row;
  height: 1px;
} 
.page-row-expanded { 
  height: 100%; 
}
Tags: 

Drupal: Keep EXIF orientation and allow manual cropping of images

Wow, this is more troublesome than expected.

Goal: Let users upload images straight from a camera and manually select an area of the image that should be cropped.

Issue: nearly all modern cameras use EXIF information to tell an images orientation. Drupal image actions ignore this information and all images in landscape format resulting in flipped portrait images. Imagecache Actions module provides an action to rotate images based on EXIF data. But: this doesn't work if the image was resized to the maximum dimensions straight after the upload. And: it doesn't play nice with most image cropping modules.

I've been fighting this issue for some hours now and have something that seems to work for me. It's not extensively tested yet, though. Here's what I came up with:

Modules:

Tags: 

Hover Intent for CSS-only Dropdown Menus

Looking for a way to improve on my pure CSS dropdown menus I found an article by Chris Poteet where he shared his thoughts simulating an hover intent effect by using CSS transitions. The snippet had a big drawback, though: anything that is under the dropdown menu, even when it's not dropped down, cannot be focused anymore. The solution is to simply not trigger the dropdowns opacity property but it's visibilty. I forked Chris' snippet on Codepen with my little change: http://codepen.io/klickreflex/pen/aAbyz

Pages