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!
![Regular Expressions for the Rest of Us]()
Sooner or later you'll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...
![5 Ways that CSS and JavaScript Interact That You May Not Know About]()
CSS and JavaScript: the lines seemingly get blurred by each browser release. They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely. We have our .js files and our .css, but...
![MooTools History Plugin]()
One of the reasons I love AJAX technology so much is because it allows us to avoid unnecessary page loads. Why download the header, footer, and other static data multiple times if that specific data never changes? It's a waste of time, processing, and bandwidth. Unfortunately...
![Sara Soueidan’s Favorite CodePen Demos]()
A few months ago, Chris Coyier shared his favorite CodePen demos right here on David's blog. A while back David asked me to share some of my favorite pens too, so here are some of the demos that have blown my mind in the past...
Works with
inputandtextareaelements too :)