Posts in the ‘web design’ Category

WordPress Mod: DropCaps

The chances of me ever using the WordPress str QuickTag are pretty slim, so I replaced it with a drop-capper. (The T in this paragraph should appear as a dropcap for you if you’re using a browser that handles CSS properly.)

Pretty nifty, I think.

Want to do it?

Read the rest of this entry »

Header Image

So I took a stab at creating a header image. I used that crazy haettenschweiler font. I wanted to use the American Idiot font, but I could only find cheesy imitations and not “the real thing” in my five-minute Google hunt for it. This is actually the first time there’s ever been a header image on davidgagne.net — amazing when you consider this site’s been chugging along for over five years now. I just got an email and a gift certificate from dreamhost to congratulate me on my four-year anniversary with them.

ShadowBox

This is a test.

from silverorange labs

CSS Drop Shadows: A List Apart

Great tutorial for beginners: Rotating Banner Ads using a Database

Best dropdown menu I’ve seen yet … gazingus.org

Hosting Controller

Hosting Controller looks interesting. Anyone have any experience with it?

Is there really such a thing as a tableless, CSS-based, liquid, three-column layout?!

It just took me two hours of programming and slamming my head against the desk to realize that Cookies get saved according to the exact URL of the site. I kept trying to delete the cookies of domain.com when I needed to delete the cookies of www.domain.com.

That is annoying.

CSS Reality

Cascading Style Sheets, Promise vs. Reality, and a Look to the Future
By Mark Newhouse

Cascading Style Sheets (CSS) are a technology with a lot of promise, but their often-hyped potential leaves some designers feeling blindsided by the 2×4 known as reality. This article sorts out the differences, and makes a case for educating yourself now in preparation for the future.

You’ve heard it in web design forums and on email lists. You’ve read about tossing tables in favor of standards-based CSS layout on sites such as A List Apart and Web Reference. Maybe you’ve visited some sites that offer ready-made, table-free templates. So you dig a little deeper and start discovering little discrepancies in browser implementation. And then you realize that some of the discrepancies aren’t so little.

Pop-Up Windows

Use Eric’s Popup window Generator to easily add popup windows to your site! The windows are activated by clicking on a link, and can be fine tuned in every aspect, such as dimensions, scrollbars, toolbar etc. Awesome tool.

JavaScript Trick

Want to spice up your web site with some easy JavaScript tricks? I’m going to show you how to make your buttons, text boxes, and textareas change their colors. All you need are four attributes and some additional functions in your javascript file. (If you want to learn about adding a javascript file to your site, read this.)
Read the rest of this entry »

Song of the Moment

Time for a little poll. Every now and then I upload a mystery song to my Song of the Moment blog. Does anyone ever download it? Should I bother to keep doing that? I never get any feedback, and I’m wondering if it’s worth it. So here’s your chance to make an impact on the content here. Let me know. Should it stay?

Last week I used some SSI and MovableType trickery, by the way, to include the two most recent songs at the bottom of the sidebar over there on the right.

DropCaps

Have you ever wanted to format the first letter of a paragraph so that it was larger than the rest of the text in the paragraph? This effect - commonly seen in print - is called the “dropcap”. The easiest way to do this is with a little bit ‘o CSS. It works in most browsers and adds a smidge of flair to your site. You only need to utilize three style attributes to get it to work.
Read the rest of this entry »

htaccess Files

The Scriptygoddess wrote a terrific little tutorial on protecting your bandwidth from image-link theft by modifying your .htaccess files.