Grow your CSS skills. Land your dream job.

Article Archives

Common Sense SEO Checklist

DISCLAIMER: I don't "really" know anything about SEO. What I do know is the folks at Google and other big search engines are just human beings like us who have created and constantly tweak the search algorithms. Their goal is …

February 23, 200975 comments

Q&A v3

I didn't get anything prepared for today, but my latest installment of "Ask Smashing Magazine" just went out, and it's full of good stuff!

  • Same-page smooth scrolling links
  • Dynamic Width List Images
  • DIVs of Equal Height
  • Aggregating RSS
February 20, 20090 comments

Script & Style Redesign

UPDATE: Script & Style is closed. David and I just moved on to other things. The New:

The Old:

(I forgot to take a screenshot before I changed it! So, this is the old Photoshop document)

More Reason to Visit…
February 18, 200918 comments

CSS Tables Are Not a Solution

Eric Meyer said today in "Wanted: Layout System":

Turning a bunch of divs or list items or whatever into table-role boxes is no better than just using table markup in the first place, and it’s arguably worse. Using …

February 17, 200959 comments

New Poll: What CSS3 Feature Are You MOST Excited About?

The full questions is:

If CSS2 and CSS3 was fully supported in all browsers tomorrow, what would you be MOST excited about?

It's so tough to decide, since we want it all and we want it now! RSS readers will …

February 17, 200965 comments

Moving Boxes

We've been down the jQuery "sliders" path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider.

Many of the concepts presented in those tutorials are the same with this slider, so …

February 16, 2009119 comments

Poll Results: CSS Frameworks

How about that for a cool animated GIF chart graphic eh? I'll have to post how I got that to work sometime.

Well the results are in and it's a landslide. Over 50% of you said "I don't use CSS …

February 13, 200939 comments

.net / Practical Web Design magazine article

I have an article in the March 2009 (Issue #186) issue of .net magazine, sold as Practical Web Design in the United States. It is actually a two-part article and this is just part one. In this first part, I …

February 11, 200921 comments

So You Want To Go To Art School

I recently received an email from Ben Sima who had a few questions for me:

I'm a high school junior preparing to go to an art school and study graphic design, and I would like to know about your experiences …

February 10, 200956 comments

HTML-Ipsum Updates


Visit Site

 

Applications
  • For the Mac, there is a menu bar application (created with Fluid.app, idea and special layout thanks to Jay Salvat).
  • For Windows, there is a small application as well, that minimizes to your System Tray
February 9, 200931 comments

Round 2 of Smashing Magazine Q&A

I probably won't announce it every single time here anymore, but I am doing a regular column of Question & Answer over on Smashing Magazine now. The second installment is up, where I answer questions about list bullet colors, rollover …

February 6, 20096 comments

The iPhone Springboard in XHTML, CSS and jQuery

This guest article has been written by Marco Kuiper, just another creative design geek that loves xHTML, CSS and jQuery. Marcos home blog can be found on Marcofolio.net.

Last week, I wrote an article on how to create

February 3, 200913 comments

Are My Sites Up PREMIUM

Check out Abe up there hanging out. Abe is pretty stoked about the new Premium Service over on Are My Sites Up, and I am too. I really think any serious freelancer or web design agency should have at least …

January 30, 200914 comments

Browser Detection is Bad

And here is why:

It is against the spirit of web standards

The whole reason that web standards exist is so that we don't have to write specific code for specific environments. We should write code that adheres to established …

January 28, 200945 comments

Set Font Size Based On Word Count

In my little Quotes on Design project, some of the quotes are longer than others. I thought it might be kind of nifty to beef up the font-size on the shorter quotes and trim down the size for the longer …

January 26, 200946 comments

SSL Certificate Winners

Congratulations to: Witti, Robhert, Daniel Groves, Noclegi, and Hunter Satterwhite. You are all the winners of a FREE SSL Certificate from SSLmatic.

Thanks to everyone who entered. They'll be more free stuff soon.…

January 23, 200914 comments

Smashing Sitemap

I wrote up an article for Smashing Magazine on creating a colorful sitemap with jQuery. It covers all kinds of things, like semantic markup, enhancing with CSS3, building a quick jQuery plugin to avoid repetitive code, and more. Links …

January 23, 200929 comments

Quick Notes

...and the winner of the Learning jQuery book giveaway is:

Nick from Crealities. I'll be in touch, Nick, to get your mailing address. Thanks to everyone who commented to win. Next time I'll try and get more stuff so …

January 21, 200912 comments

Put a Subdomain on a Different Server

Over at Are My Sites Up we have a blog to keep users updated with new features, current issues and stuff like that. If, god forbid, the site were to go down, that blog wouldn't do us a heck of …

January 21, 200916 comments

Tracking Clicks, Building a Clickmap with PHP and jQuery

This demo and article was originally created by Jay Salvat and can be seen here in French. Thanks Jay! The Plan
  • Record the X and Y coordinates of the mouse cursor when it is clicked on a web page.
January 20, 200958 comments

Save Money on SSL Certificates with SSLmatic

If any of you have built an eCommerce site for a client, you have probably dealt with buying and installing an SSL certificate for the site. While this isn't required, it's kind of stupid not to. I sure as heck …

January 19, 2009159 comments

My Recommended Books: The CSS-Tricks Bookshelf

A few weeks ago I started a little new section of the site for books that I recommend on design and development. I'm calling it the CSS-Tricks bookshelf.

I own and have read (probably more than once) and fully …

January 16, 2009323 comments

Using jQuery in Magento

At work we are developing a site for a client using the Magento eCommerce software. This is my first time using it and I'm finding it fairly badass (and it's free!). There is a lot to like about it, which …

January 14, 200931 comments

Select Cuts Off Options In IE (Fix)

I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There …

January 13, 200938 comments

How the Quotes On Design JavaScript API Works

I keep hesitating to call it an "API", because I'm pretty sure this isn't quite what "API" has come to mean. But, it is programming that interfaces with an application, so whatever. Last week I introduced the bit of JavaScript …

January 12, 200919 comments

Add Design Quotes to Your Site

There is a much newer and nicer version of the Quotes on Design API now, check out the code over at the dedicated API page.

David Walsh helped me whip together an "api" for Quotes on Design. If …

January 9, 200923 comments

Typographic Grid

This is not a "framework" or anything, I was just screwing around with typography and getting things to line up according to a strict horizontal and vertical grid. It is inspired by the Compose to a Vertical Rhythm article by …

January 7, 200924 comments

The Last Links of Interest – Other Great Places for Links

I've done 62 Tuesday "Links of Interest" posts over the past 18 months or so. it's been fun and a good way to share links, but I'm letting you know this will be the last one. It's not because I …

January 6, 20095 comments

PHP for Beginners: Building Your First Simple CMS

The Magic of PHP + MySQL

It's safe to say that nearly every website that's up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with …

January 5, 2009164 comments

Launch: Are My Sites Up?

Hey folks! Me and Richard have just launched a new site I think many of you will find useful. It's called Are My Sites Up? - I bet you can guess what it does =)

Monitor ALL your sites

The …

January 2, 200993 comments

Thank You (2008 Edition)

Happy New Years Eve everyone! Just taking the opportunity to say thanks to everyone (again) for visiting and being a part of CSS-Tricks. This site has came a long way in one short year, and now is a great time …

December 31, 200841 comments

Links of Interest

Creative Advent Series...

...was pretty cool on Positive Space this year. Twenty-four creatives share their best career advice.

 

Merb and Rails Merging

David Heinemeier Hansson writes:

It’s christmas, baby, and do we have a present for you. …

December 30, 20083 comments

Dynamic FAQ Page – A Lesson in Accessibility and Progressive Enhancement

The idea is to make a question & answer style page which is embellished in functionality by JavaScript (jQuery). Each question will be shown in a box with a tag hanging from the bottom of the box. When clicked, the …

December 29, 200854 comments

New Poll: What is your CSS framework of choice?

Just tossed a new poll up. This time covering CSS frameworks, which we have never polled before. Kind of curious to see which of them is the most popular, among the people that actually use them. I've only included six …

December 26, 200841 comments

Ho Ho Ho!

.wishing { you: happy-holidays !important; }

Have a lovely day everyone! It's definitely a white Christmas here in Portland. I plan to do a recap of the year next week and tell everyone just how thankful I am for this …

December 25, 200828 comments

Poll Results: How do you keep track of design inspiration?

As always, fascinating results. I am part of the very smallest segment, in that I use an image-based social bookmarking service, ScrnShots, to keep track of a lot of my design inspiration. I'm not a nut about it though, …

December 24, 200815 comments

Links of Interest

jQuery 1.3 Beta

If you want to help test, all the details are here. Many rewrites of core areas like the selector engine and DOM Manipulation (append/prepend/before/after).

 

Absolute Columns

Dan Rubin hits the nail on the head with …

December 23, 20084 comments

Blurry Background Effect

When setting a background image on a page element with CSS, you can control its position with "background-position", but an often-forgotten trick is that you can control its position behavior with "background-attachment".

Utilizing two images, we can pull off a …

December 22, 200870 comments

Site News: iPhone/iPod Stuff

Few quick announcements!

iPhone/iPod Version of Screencast

Many, many people asked for this. I resisted a long time mostly since I thought seeing them on such a small screen would be useless. But I concede that listening and sort-of seeing …

December 20, 200815 comments

PHP Include from Root

When I reference images, I almost always do something like this:

<img src="http://cdn.css-tricks.com/images/logo.png" alt="logo" />

That is a relative file path, but it begins at the root public directory of the site. That way it always references the same location, …

December 19, 200842 comments

New Site: Quotes on Design

Here's another new site from me. I love reading books about design, so I've made a little site to help immortalize the great little quotes I come across. There aren't a ton of them up there yet, but I plan …

December 17, 200820 comments

Links of Interest

Best Presentations from Web Design Conferences in 2008

Chris Spooner has put together a little roundup of videos from some of the best web design conferences this soon-to-be-past year. Makes me jealous! I've never once been to a web conference. …

December 16, 20089 comments

Force Secure Form Submission

I was working with a client eCommerce site the other day, and a really concerning problem popped up. On the very last step of checkout, when you press the very final button to submit the order, the browser would pop …

December 15, 200816 comments

New Site: HTML Ipsum

There are a number of Lorem Ipsum sites that I like. I even have a dashboard widget for generating it. But none of them does what I REALLY want, which is to give me the Latin text already in HTML

December 12, 200892 comments

Links of Interest

DD_belatedPNG

Yet another PNG fix for IE 6, but this time with all our dreams come true. Positioning, repeating, and none of the link-blocking z-index madness. How does it work? Apparently the proprietary Microsoft VML language does a much …

December 9, 20087 comments

Track Outgoing Clicks in Google Analytics with jQuery

Ian Pitts sent me this trick a while back and I'm just getting around to publishing it. Thank Ian!

Google Analytics (intro video here) is powerful stuff, but one notable lacking feature is data on outgoing clicks. …

December 8, 200823 comments

Start/Stop Slider

A little while back I did a tutorial on a Featured Content Slider. It was neat, but a little limited in customization possibility. The two most requested features were being able to add/remove "panels" and a stop/start button.

I'm …

December 4, 200882 comments

Building an Animated Cartoon Robot with jQuery

Why?

Aside from being a fun exercise, what purpose does something like this have? None that's plainly obvious. Its about as useful as a miniature ship in a bottle. Yet it does have an underlying purpose. It could inspire someone …

December 3, 200855 comments

Links of Interest

Double Background Effect with CSS


Soh Tanaka tackles a CSS layout problem that probably many have you have run into. The idea is double backgrounds, that is, having a centered design where the left side has a repeating design …

December 2, 20087 comments

Creating Tabs That Behave

When creating navigational tabs that use real web text, some positioning issues may arise when that text is resized. The natural flow of a web page when text is resized is to push down. This can push your main content …

December 1, 20086 comments

*May or may not contain any actual "CSS" or "Tricks".