Archive for February, 2009

IE, tisk tisk

Saturday, February 21st, 2009

So, recently I’ve started styling my form elements on pages pretty heavily. It’s one of those last little details I realized I needed to perfect to keep improving my projects. So I happily went about adding background colors and custom borders to my input elements and all was great until I opened things up in IE and saw borders around my radio buttons and checkboxes. Well, luckily, only one google search and five minutes later I found this solution. Simply add this to your CSS to clear up those nasty borders…

input[type="checkbox"], input[type="radio"]{
background: transparent;
border: 0;
}

… in IE7 only. IE6, of course, still displays the borders.

After a bit more effort I found this link to a helpful blog about code that cleared up the IE6 issue as well with some fairly simple Javascript.

An annoying problem, but I suppose that the fixes aren’t too bad. IE, when will we get to stop adding custom CSS and Javascript just to get you to do what other browsers all can easily handle?

Tricks I’ve Learned from Past Projects

Friday, February 13th, 2009

Somehow, no matter much I know before a project starts, something will absolutely stump me during development. As frustrating as this is, it at least gives me an opportunity to learn things as I go and always leaves me feeling better prepared for my next project.

Effigy - The lesson here is that complicated, non-grid designs are best accomplished with a huge background image on the page body. Do this, then just position all the text on top of that and you have a really simple X/HTML page that looks really complicated.

The Washing Machine Man - Ah, my first truly independent web project. This was the first time I set up a MySQL database and a CMS. Doing that seemed so incredibly advanced at the time but now it’s something I casually do in a matter of 15 minutes.

Institute on Race and Ethnicity - The lesson learned here was to not wait until a project is completely finished before going live, especially if there is a current site to maintain. It’s better to avoid waiting for months and just put up a site that’s 95% done.

North Shore Presbyterian Church - A lesson in creating unique menus through absolute and relative positioning is what this site was. Check out the art exhibit page to see what I’m talking about.

Discover and Learn - Setting up this site showed me how incredibly easy PayPal can be to integrate into a website. The code for the buttons is created automatically for you and they host the cart on their servers. It doesn’t get much easier than that.

My Music Site - This site taught me a lot about transparent png files. Achieving a drop shadow around a content box on top of a gradient is only possible using pngs, as are a lot of other advanced layout techniques. Using pngs is always a problem with IE6, but the Unit labs fix was a great find to get around that.

Maybe one day I’ll get to the point where I can tackle an entire project without running into a wall at some point, but from what I’ve heard from developers who have been around since the early days of the internet, there’s no such thing as a project without a ridiculous, unique bug.

So Much to Learn

Sunday, February 1st, 2009

It’s absolutely alarming how many different programming languages one must learn just to work on websites. This fact alone has discouraged a few people I’ve talked to who want to start learning web development. A statement like “First, you absolutely have to master HTML and CSS, and then you should get very comfortable with Javascript, get familiar with databases and SQL, then start learning some server-side scripting like PHP, Perl, oh and some Java and .NET as well” is enough to scare anybody. The thing that frustrates me most is that the tough ones, PHP, Java, .NET, are all mutually exclusive. This means that you either become an expert in all three or only 1/3 of the work out there is for you. Right now, I’d say I have the first four, HTML, CSS, Javascript, SQL down pretty well, and I guess I’ll just forever be a student to learn the rest. Sigh.