Grow your CSS skills. Land your dream job.

Article Archives

Links of Interest

Favorite Design-Related Sites of 21 Designers

Steven Snell of Vandelay Design launched a brand new site called Designm.ag which is “articles and resources for designers”. I participated in a group interview post where a bunch of designers list some of …

July 29, 20083 comments

Removing The Dotted Outline

Anchor links (<a>’s) by default have a dotted outline around them when they become “active” or “focused”. In Firefox 3, the color is determined by the color of the text. I believe in previous versions and in some other browsers …

July 28, 200849 comments

Easily Password Protect a Website or Subdirectory

Working on a website that you need others to see, but not the whole world? Password protecting a website (or a sub directory within a website) is actually a pretty easy thing to do.

.htaccess file
AuthType Basic
AuthName "restricted …

July 23, 200854 comments

Links of Interest

Bit.ly

URL shortners have been around for a while, so it’s nice to see there is still innovation being done. Bit.ly offers all the standard features of a URL shortner, but includes compelling new features like click/referral tracking, automatic page …

July 22, 200811 comments

Designing for WordPress: Complete Series & Downloads

Over the last few weeks, I have been been doing a video screencast series on Designing for WordPress. It is a three-part series which covers downloading and installing WordPress on a server all the way to a completed theme.

Part …

July 18, 2008151 comments

Why People Still Use IE 6

Internet Explorer 6 is always a hot subject of debate. We’ve talked about it here many many times. The forums are full of folks trying to troubleshoot it. The CSS support is problematic and the JavaScript support is proprietary nonsense. …

July 16, 200883 comments

Links of Interest

Shirts for Coders

A collection of HTML/CSS T-Shirts. Some are funnier than others… I do like the XHTML one =) I did a roundup of CSS shirts a while ago too.

 

BgPatterns

As far as these “generators” go, …

July 15, 20087 comments

How To Create a Horizontally Scrolling Site

If web pages were made out of wood, the grain would be running up and down. Vertical is the natural flow of web layout. When page elements reach the right edge of the browser window and go over, the flow …

July 14, 200859 comments

Image Map with Prototype Tooltips

The areas inside of regular ol’ HTML image maps support the title attribute which makes regular tooltips possible. Sometimes the default browser tooltips just don’t cut it, especially with their built in delays.

My favorite package for doing fancy tooltips …

July 11, 200810 comments

The Difference Between ID and Class

ID’s and Classes are “hooks”

We need ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p> and <ul> will often do the job, but our basic set of tags doesn’t cover every possible type of …

July 9, 200859 comments

Links of Interest

Best of June 2008

Noupe with another very nice monthly roundup of good design-y stuff around the web last month. I like these giant monthly roundup posts. Gives a good monthly goal of trying to write things that are worthy …

July 8, 20088 comments

New Poll: What is your favorite CMS?

There is a new poll in the sidebar folks. This one is about Content Management Systems (CMS). There was a pretty good comment thread going a little while ago which sparked the idea for this poll.

I’ve always been a …

July 7, 200877 comments

Featured Review: Markup Factory

It would be fair to call Markup Factory a CMS (Content Management System), but that would be cutting it short. Markup Factory is much more that, but be scared or think for a moment that it’s “over your head”. It’s …

July 4, 20085 comments

4th of July, Happy Birthday CSS-Tricks!

Today is the 232nd birthday of the United States and the 1st birthday of CSS-Tricks!

Been a great year! This blog and this community have helped me grow tremendously. I’m sure the next year will be even better …

July 4, 200817 comments

Cutting Edge Browsers and Their Development Tools

This is a hot time in the world of browsers. Despite a rocky morning, Firefox 3 got over 8 million downloads when it was released. It’s up to over 24 million now. I bet many of you are amongst these …

July 2, 200828 comments

Links of Interest

Students: Are you going to be employable?

Andy Rutledge’s article The Employable Web Designer is about how schools may not be properly preparing students with actually employable web skills:

These students are worried that they’ll emerge from school without marketable …

July 1, 200810 comments

Poll Results: Which Next Gen Web Language?

Surprising results again, at least for me. “Don’t Care – As long as there isn’t a standards war” was actually in the lead for a little while, but was ultimately beat out by “XHMTL 2“.

I …

June 27, 20089 comments

Interesting Reader Questions

Why a CMS?

I was recently criticized that my sites weren’t dynamic, and that no one would hire me because everyone wants a dynamic site. Well, the people I’d be targeting will know nothing about computers, thats why they need …

June 25, 200821 comments

Links of Interest

Faux Absolute Positioning

Always interesting to see new techniques for layout.

With faux absolute positioning, we can align every item to a predefined position on the grid (as with absolute positioning) but items still affect the normal flow and—thanks …

June 24, 20083 comments

Build Your Own Social Home!

Many of us have many “homes” on the interwebs. Personally I use Twitter, Flickr, ScrnShots, and Facebook. These web services are cool enough to offer ways to interact with them and pull data out of them without even necessarily visiting …

June 23, 200837 comments

Forums Now Have RSS Feed

It blows my mind that phpBB doesn’t come with RSS feeds for forums. The new v3 is incredibly nice in so many other ways, it seems like it would have been a trivial addition for such a talented dev team. …

June 21, 20084 comments

Elastic Calendar Styling with CSS

This post was co-authored by Chris Coyier and Tim Wright of CSSKarma

A traditional calendar is a grid of numbered boxes on a page. As a web designer, you might go right for a table, and I wouldn’t fault you …

June 20, 200815 comments

MaxSide: jQuery Plugin (and How-To)

Abstraction is an important concept in any language. You can think of CSS as a way of abstracting the design away from the content of a site. This makes the code for both much easier to read, understand and maintain. …

June 18, 200815 comments

Links of Interest

Enkoder

Worried about putting your email address right out in the open for all the world’s spam bots to see? Enkoder will obscure it through javascript, yet be a perfectly useable link for everyone else. I tried to include mine …

June 17, 20088 comments

Yahoo’s Secret Text-Sprite Generator

Well I’m not sure if it’s a SECRET, but it’s certainly neat and I don’t think they publicize it.

Basically it’s a URL you can hit which will create a perfect sprite-ready PNG graphic of the text you include in …

June 16, 200827 comments

Absolute Positioning Inside Relative Positioning

A page element with relative positioning gives you the control to absolutely position children elements inside of it.

To some, this is obvious. To others, this may be one of those CSS “Ah-ha!” Moments. I remember it being a …

June 16, 200851 comments

From the Forums: Disappearing Background Graphics & More

Disappearing Background Graphics

Paul Smith posted about a weird CSS problem he noticed, disappearing background graphics. To quickly summarize, sometimes a DIV which is defaulting to the full width of the browser window, which also has a background image, …

June 13, 20089 comments

“Raw” Contact Forms (with CAPTCHA) from CSSKarma

Tim Wright from CSSKarma has taken my Contact Form and done some cool stuff to it. For one thing, the design is way stripped down so if you are looking to “start from scratch” with your form design, you would …

June 11, 20087 comments

Links of Interest

To Photoshop, or Not To Photoshop

37 Signals: We don’t need Photoshop, we go right from sketches right to HTML.
Jeff Croft: Well, you have an established aesthetic which makes that possible. My clients tend to need …

June 10, 20084 comments

Hot off the Presses: jQuery UI v1.5 featuring “Themeroller”

jQuery UI version 1.5 was just released, and it’s going to be a big one. For us designers and CSS coders, here are a couple of major highlights:

  • Class transitions (morphing): $(“div”).addClass(“green”, “slow”). So now instead of being able to
June 9, 20087 comments

Free PNGs for Creating Transparent Fills

If you have worked much with CSS opacity, you know that one of the most frustrating things about it is that by setting it on any page element, it forces it child elements to be transparent also. I …

June 6, 200819 comments

People Share Their CSS “Ah-ha!” Moments

A few weeks ago I shared my CSS “Ah-ha!” Moment and asked others to share theirs. It was lots of fun hearing what those moments were for people. I wasn’t surprised to hear the CSS Zen Garden come up very …

June 4, 20089 comments

Links of Interest

Web Designer Diary

I (literally) Stumbed Upon this video of a web designer working on a website. It goes from a blank page in Photoshop to a complete and coded design in about 2:15.

 …

Band Website Template (now

June 3, 20087 comments

Create a Slick iPhone/Mobile Interface from any RSS Feed

We are going to create a web page that is formatted specifically for the iPhone (but would presumably be good for other mobile devices as well). This web page will dynamically fill itself with content from any RSS feed that …

June 2, 200840 comments

Using Flash And Staying Standards Compliant

Anyone who has ever worked with Flash on the web has likely come across the fact that embedding flash into a web page is usually no walk in the park. The code that Flash gives you to embed is something …

May 30, 200815 comments

Links of Interest

Designer / Not a Designer

I stumbled upon this hilarious animated GIF movie of a non-designer talking to a designer.

 

CushyCMS

Everybody and their brother is talking about CushyCMS lately. Probably because it’s brilliant. It is a service …

May 28, 20087 comments

Part 2: Building a Unique Contact Form

I’m calling this Part 2, because last week I began this adventure over on Tutorial Blog where we first designed a unique contact form:

Photoshopping a Unique Contact Form

Here we are going to pick up where that left off …

May 27, 200836 comments

Sometimes For Your Own Sanity, You Just Gotta Say…

It’s a long weekend after all. Have a good one everyone and stay tuned next week for some good stuff.…

May 25, 20082 comments

The CSS “Ah-ha!” Moment

I think it’s different for everyone. That moment while you are beginner with CSS when something clicks. You just start to get it. That is your CSS “Ah-ha!” moment. You might not instantly become a CSS master, but from this …

May 23, 200864 comments

How To Design and Create a PHP Powered Poll

Polls are fun! They can help engage the readers of your site and give both you and the poll-taker valuable information. Let’s walk through building a poll from scratch. All the way from the Photoshop design to the PHP / …

May 21, 200820 comments

Links of Interest

An Optical Illusion with CSS and Parallax

Marco Kuiper has put together a really cool optical illusion using the CSS parallax technique I posted about a while back. Check out his post and example. Make sure to resize your …

May 20, 20081 comment

HTML 5 vs. XHTML 2: An Article Roundup and Poll

Much like CSS3, widespread adoption for the next-gen web languages is a distant mirage. Still, it is important to stay educated on these things and even participate in these early stages while things are still malleable. Rather than re-hash everything …

May 19, 200820 comments

Twitter, New Screencast, 404

Tweet Tweet

I’ve been enjoying the Twitter thing more and more lately. Here is my Twitter page if anyone wants to follow. Just for fun, I’ve used some of that extra space down in my footer here on CSS-Tricks for …

May 17, 20087 comments

My Big Ol’ List of Design/Development, HTML/CSS and Personal Blogs I Read

I’ve had a few folks ask recently what other sites I read. Like many of you I suspect, I’m a bit of a junkie when it comes to design & tech news. I really enjoy popping open Google Reader and …

May 16, 200831 comments

How To: Resizeable Background Image

If you are looking for how to do FULL SCREEN BACKGROUND IMAGE, go here.

My friend Richard recently came to me with a simple CSS question:

Is there a way to make a background image resizeable? As in, fill …

May 15, 200882 comments

Links of Interest

Line Height Abnormal

Eric Meyer digs into some of the peculiarities of line-height:

Here’s the punchline: the effects of declaring line-height: normal not only vary from browser to browser, which I had expected—in fact, quantifying those differences was the whole …

May 14, 20082 comments

Redirecting to a Splash Page ( …but only once! ) with Cookies

Splash pages can be annoying. You know the ones… like being forced to watch some advertisement before you can see the page you are trying to get to. Or maybe some fancy introduction to a site that you are automatically …

May 13, 200818 comments

Sponsored Feature: Flipping Book

Flash can do some amazing stuff. Stuff that can leave even the handiest CSS and Javascript developer drooling with envy. We then sulk back to our caves because, alas, Flash is not the development path we have chosen. This is …

May 12, 20088 comments

Poll Results: What Javascript Library Do You Use?

…and the jQ’s have it! At the time of this writing over 1500 people have responded to our latest poll “What Javascript Library Do You Use?” making it our biggest poll yet. jQuery is the run-away victor with over 50% …

May 10, 200814 comments

Launch: Band Website Template

Sorry folks, The Band Website Template has been discontinued. It was as great run, but we’ve decided to move on to other projects and clear up the time we spent maintaining and supporting this one.

I’ve been working on this …

May 8, 200820 comments

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