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!
![Detect DOM Node Insertions with JavaScript and CSS Animations]()
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
![Responsive Images: The Ultimate Guide]()
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
![Multiple Background CSS Animations]()
CSS background animation has been a hot topic for a long time, mostly because they look pretty sweet and don't require additional elements. I was recently asked if it was possible to have multiple background animations on a given element and the answer is yes...with...
![Scrolling “Agree to Terms” Component with MooTools ScrollSpy]()
Remember the good old days of Windows applications forcing you to scroll down to the bottom of the "terms and conditions" pane, theoretically in an effort ensure that you actually read them? You're saying "No David, don't do it." Too late -- I've done...
Works with
inputandtextareaelements too :)