Tag Archives: web

Gmail-style buttons with no images

Earlier this week, Gmail rolled out new buttons to the site. As I understand it, these buttons are meant to make the UI more consistent across browsers, and make the experience more streamlined.

These buttons have a gradient background, making them appear rounded, and they are grouped together in "pills", to keep related actions together. The buttons on the ends of the pills have slightly rounded corners. The cool thing about these rounded corners is that they are pure HTML/CSS (they don't use any images) and they work in all browsers (unlike the firefox-specific -mox-border-radius directive). The drawback is that you can only get slight rounding; no a gradual curve. Also, the markup is far from simple.

I thought they looked pretty sweet, so I got to wondering how difficult it would be to try them myself. Douglas Bowman, from Google, wrote a post about how these new buttons evolved. He didn't come out and say how they were done int he final result, but he did invite people to reverse-engineer the new buttons. I decided to take him up on that invitation.

Posted in computers | Also tagged , , , | 2 Comments

Migrating URLs with Apache

I recently migrated this blog from Blogger, which was posting via SFTP to a shared hosting provider, to a self-managed Typo installation. One of the biggest reasons I didn't do this sooner was that I didn't want all of my old URLs (and the links that point to them) to stop working. After all, what is the point of a permalink if it stops working one day? It isn't that I have such high page rank with Google or anything, but I didn't want to have to start over from scratch.

I wanted to be sure that if someone either typed in a URL that used to work, or followed a link from an outside page, they would end viewing the content that they expected to land on. I thought some about having some kind of logging, so I can be aware of when people use these old links, and where they are coming from. I also thought about having some mechanism for alerting the user that the link they followed is old.

Posted in computers | Also tagged , | 3 Comments