Remove Mobile Firefox Button Gradient
If you have an Android device, you've gotta check out Firefox for Android. It's an outstanding mobile browser -- it has been very well received and you can even install apps from the Firefox Marketplace from within this awesome browser. One usability practice implemented by Firefox for Android is a gradient shade on all button elements. While I appreciate the idea, I don't necessarily want this added to elements which I want to look a very specific way. Removing this gradient effect is simple:
/* Cancels out Firefox Mobile's gradient background */
button {
background-image: none;
}
Before you jump on Mozilla for this practice, WebKit-based browsers do something very similar. Preventing this effect is also very simple so if you want to remove this gradient, use the code above and you're on your way!
![CSS @supports]()
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we...
![Create a Sheen Logo Effect with CSS]()
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
![Introducing MooTools NextPrev]()
One thing I love doing is duplicating OS functionalities. One of the things your OS allows you to do easily is move from one item to another. Most of the time you're simply trying to get to the next or the previous item.
![9 More Mind-Blowing WebGL Demos]()
With Firefox OS, asm.js, and the push for browser performance improvements, canvas and WebGL technologies are opening a world of possibilities. I featured 9 Mind-Blowing Canvas Demos and then took it up a level with 9 Mind-Blowing WebGL Demos, but I want to outdo...
Works with
inputandtextareaelements too :)