I had a recent project where the page title has a background image and said image was to fade as the user started scrolling down the page. The JQuery code below is who I archive it but you can go my JSfiddle to see it in action: Fiddle me this // Fade out the page title image as user scrolls var fadeStart = 0; // 0 scroll or less will equiv to 1 opacity var fadeUntil = 300; // 300px scroll or more will equiv to 0 opacity var fading = $('. »
I love a good Sass mixin and there are some very nice mixins out there to use. One mixin for border radius though, I find is a bit blotted. Other mixins for border radius I’ve found are always split into five different mixins and you have to @include each one. So I written this little mixin to deal with all the values for border radius, including prefixes, all within one call. »
After my previous post for my border radius mixin I thought I would share my must commonly used mixins for projects. First Transition // Transition @mixin transition($time) { -webkit-transition: all $time ease-in-out; -moz-transition: all $time ease-in-out; -o-transition: all $time ease-in-out; transition: all $time ease-in-out; } Transform and Rotate aren’t mixins I commonly use a lot on their own but I use these together to create sashes to overlay images »
Why hello there. As this is my first post let me tell you a couple of things about myself to kick it off. I’ve been a front end developer (well a proper one anyway) for about 3 years now. I’ve done a little bit of most things to be fair, but seem to have settled into my current job working mainly with Drupal. For about 2 years now I’ve been working for an automotive website provider, building websites in Drupal for used car dealers. »