CSS Speech Bubbles

February 24th, 2007

Yes, you can make speech bubbles using CSS. Say goodbye to stinky old tables.

The codes quite simple, it’s customizable and best of all…. it’s free.

It works in the following browsers:

  • Internet Explorer 6 & 7
  • Firefox 2.0
  • Safari 2.0
  • Opera 9.0

I’m loving the compatability these days!

CSS Speech Bubbles

How to write clean CSS - Squeaky Clean CSS

July 28th, 2006

I’m fascinated with CSS these days and can’t get enough of it. I’m learning new stuff all the time and I’m keen to keep on filling my brain with knowledge.

I’ve come across a nice little blog post on how to write clean CSS It certainly picked me up on a few layout tricks to make my CSS cleaner and easier to follow.

I thought I’d share a little bit of what I’ve learned from noodling around with stylesheets these past few years. Here are some basic organizational practices I try to follow. ( Much of this might be old hat for you, and if so, just think of it as a refresher. I run into enough messy stylesheets that I thought this might be of some interest. )

Squeaky Clean CSS

CSS Layout Techniques: for Fun and Profit

July 25th, 2006

I came across this cool CSS Layout site that includes sample code for popular CSS layouts…

If you are looking for help making the transition to CSS layout (that’s Cascading Style Sheets), you’ve come to the right place. I am cataloging here as many useful cross-browser CSS layout techniques as I can find, and some that I made up when I was bored last Thursday. All the examples on this site have been reduced to only their essential code, and you will find the source displayed on each page to hopefully make it quick and easy to understand the inner workings of the CSS. Feel free to steal all the code you find on this site, and consider linking back here on your site or in your source comments.

CSS Layout Techniques: for Fun and Profit

Test your website in Safari… Better than iCapture…

June 26th, 2006

I added a post back in March titled Safari Screenshots of your website - iCapture… I recently went to the iCapture website and it doesn’t appear to be functioning properly. There are about 1,000 screen shots in the que which will take hours to process.
I remember someone telling me about another site similar to iCapture called Snugtech.com. Enter the URL, the screen width and you’re away. Perfect screen shots of your website in Safari in seconds.

The full URL is: http://snugtech.com/safaritest/

What Screen Size should I design my web page in?

June 13th, 2006

Found this article… You might find it interesting…

“To what size should I design my page?”

It’s the eternal question. Since the time of Aristotle, the great debate has raged: How wide should Web page content be? And how many pixels do we have to work with “above the fold” (before the user will have to scroll)?

I’m not here to help you decide between 640×480 and 800×600 and 1024×768 resolutions (check your own logs or visit a site such as TheCounter.com). Nor am I here to get into the debate over fixed vs. liquid design (”liquid” meaning that the page content is flexible and adjusts its width depending on the browser window size). I’ll leave those tough decisions to you, and instead, I’m just going to help you after you’ve made up your mind.

Read more…