25 Code Snippets for Web Designers

March 10th, 2007

This is a nice list of html, css, javascript and ajax scripts. You are bound to find something new.

The one that stood out to me was the sIFR. It replaces peices of text with any font you want even if the font is not installed on a visitors computer. It’s also SEO friendly… We all like that part.

25 Code Snippets for Web Designers

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

Showing Hyperlink Cues with CSS

February 22nd, 2007

This is pretty cool.

Have you ever wondered how some websites have those neat little icons next to their hyperlinks? I’ve seem them around more and more lately. I first saw them on Wikipedia.org on any links that exited their website. Anyhoo, I found a tutorial that gives you a guide to adding them to your website.

Read the rest of this entry »

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