Grow your CSS skills. Land your dream job.

Article Archives

4 comments

Links of Interest

Want More Sales? Become an Authority

This latest article from Search-This, Thinking Outside the SEO Box, is about small-guy eCommerce stores and what they really need to do to compete in the ever-saturated online store space. The main advice? …

7 comments

Links of Interest

Finding Information: Factors that improve online experiences

As this site grows, my concerns about the findability of information grows. I feel like the navigation is fairly clear (although sub navigation is lacking). I have browseable archives and search, yet still, …

21 comments

Label Placement on Forms

When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, …

13 comments

Launch: Script & Style

I always liked the idea of having a community links section on websites. Lots of sites in this genre have that and I think it's great. The driving purpose behind a tutorial site like this is helping people learn and …

3 comments

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 …

49 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 …

54 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.

11 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 …

114 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

83 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. …

60 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 …

10 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 …

68 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 …

8 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 …

5 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 …

17 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 …

28 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 …

10 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 …

9 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 …

21 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 …

3 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 …

37 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 …

4 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. …

15 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 …

15 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. …

8 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 …

27 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 …

4 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 …

19 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 …

40 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 …

15 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 …

64 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 …

23 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 / …

1 comment

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 …

20 comments

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 …

7 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 or may not contain any actual "CSS" or "Tricks".