Largely inspired by Gmail buttons, combined with Twitter’s simple but elegant buttons plus a blog post on “realistic looking buttons with CSS3“… I have attempted to make a “cheap” (minimal code) replica of said buttons.
My objective is to have similar looking buttons to put in pre-production or internal use only projects. So the problems in IE8 are negligible to me since the people I work with and I don’t use IE. Ultimately, when a design is fleshed out by our designer, we generally use an HTML service for production HTML/CSS which results in buttons that are a lot more complex.
The end result in FireFox:
The end result in Safari/Chrome:
The end result in IE8: (yes, IE is not so great)
A few problems are:
- The elements for a “group” of buttons must have no space between each other.
- Padding is bad for <input> and <button> elements in IE.
- Positioning is bad for <a> elements in IE.
Download the files (includes the PNG background):
And the code:
Disclaimer: HTML/CSS is my second language. I am by no means an expert.
In my desire to find the “right” UUID function to use in my application, I grew to like the MySQL UUID() results produced because they are partially time based. But I didn’t like that I have to make a database call every time I want a new UUID. I didn’t find any similar functionality in PHP or from user based PHP functions, so here’s my efforts.
It clocks in at 100,000 results in about 1.36 seconds on my 2.8Ghz Intel iMac.
We produce results looking like this:
I recently had a small need to sign up two new Google Apps accounts and setup calendar sharing between them. So I naturally open up Safari as my second browser of choice and go to the sign-up page, only to notice that rather than the standard 7.2GB of space, I only get 2.7GB when signing up with Safari. Not willing to temp fate, I closed Safari and signed up through Firefox. Interesting!
Just spent almost the entire day trying to figure out what I was doing wrong when trying out many different flash multi-file uploading widgets. All of them would give me a 302 redirect http error, even when testing locally.
So after much searching and reading and studying… and finally testing this on my Windows machine (which works fine); I’ve decided this is a bug in Flash 9 for Mac.
There’s not a problem when it’s uploaded to a script directly which returns a 200 OK header response first. But when you use a framework that uses mod_rewrite for every URL, it’s not easy to get around that.
If anyone else has had experience with this I’d love to hear from you. Very frustrating! Maybe it’s fixed in the Flash 10 beta? Maybe it’s not a bug; it’s a “feature”, right?
UPDATE: I went ahead and installed Flash10 hoping for the best, but with no luck. I was able to contact someone at Adobe who told me the Flash scripts will have to be recompiled in Flash10 to see if Flash10 would help. So installing Flash10 on my computer won’t make the scripts any different.