LM3 Portfolio » Design

This design is perfect! Uh oh… IE!

Lewis — Mon, 11 Oct 2010 14:35:58 +0000

So, maybe you’ve been here before. You’re working out your design and, like me, maybe you test things in Firefox first. Call me crazy, I like it better. Also, there are some plug-ins that allow sort of ‘on the fly’ editing so you can see changes in real time. Love it.

It never fails though; IE takes your awesome layout and shifts it a few pixels here or there. That’s being generous mind you. I’ve had IE just plain not work right in some cases. Well, there’s hope for the minor annoyances. Just make a stylesheet that is for IE only! Make it feel special, since it is… special… yeah.

Well how do you do that? I will post the link because why rewrite/post everything this person has already done. It goes into detail and I’ve used it with great success. Once IE 8+ becomes more predominant maybe we won’t have to do this as much? Maybe?

Enjoy!

How to create an IE-only stylesheet!

CSS 3.0 Rounded Borders

Lewis — Wed, 07 Jul 2010 19:44:04 +0000

From what I understand, all browsers except IE support this? I haven’t personally tested this myself. Maybe I should… one moment . . . ok. No, IE doesn’t support this yet which is a shame. It will eventually come around though and no more creating images to get rounded corners. Rejoice!

The link to the site is here.

Can’t wait until all modern browsers adopt this. In the meantime, time to keep researching CSS3 for what I can use at work.

Lightbox 2

Lewis — Tue, 29 Jun 2010 20:18:12 +0000

Lighbox 2 by Lokesh Dhakar is one of the easiest to implement versions of lightbox I’ve seen. Only works for images but that’s fine with what I need to do with it. He offers up an alternative if you wish to venture into flash and videos.

Without further delay, have a look here!

Straight from the site:

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

That’s all there is to it. Simple set up. A few instructions and you’re on your way to having some nice smooth lightbox image effects on your page.

Drop Shadow Text using CSS

Lewis — Fri, 25 Jun 2010 21:47:26 +0000

You know… I learn something new everyday. I bought the CSS guide by Eric Meyer and I swear I did not see this technique. Granted, the guide is reference mostly. I tend to use CSS that is specific to my current job. Though, now that I found this tidbit of awesome info, I’ll have another toy to play with.

Add drop shadows to text!

So lets give it a go here…

Cool! So, there ya have it!

Interstitial Content Box

Lewis — Mon, 21 Jun 2010 13:47:01 +0000

I was in a bind a few weeks ago and needed a pop up that didn’t feel like a pop up. I will tell you this: I HATE POP UPS. Most everyone does. So when these newer, smoother, cooler pop ups came along it was a nice change. They’re less like a rock hitting you in the face and more like a stiff wind. That just means they’re less annoying.

Over at Dynamic Drive they have such a pop up. It’s called an interstitial content box. Fancy name eh? It’s easy to implement and easy to customize. I do find the settings for how often it pops up to be a little off. This might be due to where I’m having it pop up though.

Click here to pop into a new kind of pop up!

Description:

This is a Interstitial Box script that uses Ajax to fetch and display the contents of external pages on your server as an interstitial. As the content is being shown front and center on the page, a partially opaque “veil” appears behind it that covers the actual webpage, ensuring all eyes is on the interstitial. A robust frequency control system lets you control how often the interstitial box should appear so it doesn’t become intrusive. Whether you’re displaying an ad or an announcement, you can be sure people will notice it thanks to the Interstitial Box!