A directory of resources inthe field of technical communication.

CSS Tricks

13 found.

About this Site | Advanced Search | Localization | Site Maps



404 Page on a Static Site

Here’s a very quick, but very useful trick. You can catch 404 errors (page not found) on a static site and serve up a custom 404 page with a one-liner in your .htaccess file.

Coyier, Chris. CSS Tricks (2008). Design>Web Design>User Centered Design


Better Ordered Lists (Using Simple PHP and CSS)

Ordered lists are boring! Sure you can apply background images and do quite a bit of sprucing up to a regular ordered list, but you just don’t get enough control over the number itself. Here is an example where you ditch the traditional ordered list and create your own!

CSS Tricks (2007). Design>Web Design>CSS>PHP


Build Your Own Social Home!

JSON (JavaScript Object Notation) is what all the hip applications are serving up these days with their API’s as an alternative to XML. The cool part about JSON is that you don’t need to parse it in the same way you do XML. That data you get from a JSON call comes back as an object all ready-to-rock and let you do stuff with it. So here's the jQuery code to pull in and append all data from Flickr, Twitter, and Scrnshots all onto one page.

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Server Side Includes>Ajax


Common Sense SEO (Search Engine Optimization) Checklist

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 to give us what we want when searching, the best possible websites relevant to what we are searching for. So let’s set aside all the fancy technical stuff and just use some good ol’ common sense.

Coyier, Chris. CSS Tricks (2009). Articles>Web Design>Search Engine Optimization


Converting a Photoshop Mockup (Part 1 of 3)

In this first-ever video podcast, I start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website.

Coyier, Chris. CSS Tricks (2009). Articles>Web Design>Video>Screencasts


Creating a Web App from Scratch

Today we begin Part 1 of an 8-Part series on building a web application from absolute scratch to a complete product. I am going to kick things off by introducing the idea, and then I will be handling the design, UI, and general front-end stuff. What we’re going to create is a “list app”. The idea being focused on simplicity and usefulness. Sign up for an account, and get started making a list in just a few seconds. Sounds easy right? Even the PHP dabblers out there probably could throw something like this together fairly quickly, right? Well the fact is, no, it’s not that easy.

Coyier, Chris. CSS Tricks (2009). Resources>Web Design>Programming>Case Studies


IE CSS Bugs That’ll Get You Every Time

IE 6 actually had the best CSS support of any browser when it first came out… SEVEN YEARS AGO. The little bugs in it’s CSS support still haunt us to this day. I still get comments from people who roundly reject any technique that doesn’t work in IE 6. While I generally refuse to pander to IE 6’s limitations, I still feel it is important to make things look right in it whenever possible. Here are that major bugs in IE that’ll get you every time.

Coyier, Chris. CSS-Tricks (2008). Articles>Web Design>Standards>Web Browsers


Intro to jQuery 2

Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we look at the AJAX-y .load() function, the CSS function, and then finish off by writing out own custom function and going over how that layer of abstraction can help us keep our code clean. Semantics counts in JavaScript too!

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Interaction Design>Screencasts


Introduction to jQuery

The popular JavaScript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on your web page and getting started writing a few functions.

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Interaction Design>Screen Captures


jQuery Part 3 – Image Title Plugin

This video focuses on taking an already existing idea and code and turning it into a jQuery plugin. In this case it helps keep our code as semantic as it can be, and with JavaScript off, degrades nicely. We cover the syntax of creating a plugin, show off the cool chain-ability of jQuery, and show how to make the plugin versatile and expandable.

Coyier, Chris. CSS Tricks (2009). Articles>Web Design>Interaction Design>Screencasts


RGBa Browser Support

RGBa is a way to declare a color in CSS that includes alpha transparency support. This allows us to fill areas with transparent color. We have long had ‘opacity‘, which is similar, but opacity forces all child elements to also become transparent and there is no way to fight it. Cross-browser opacity is also a bit sloppy. With RGBa, we can make a box transparent and leave its child elements alone.

Coyier, Chris. CSS Tricks (2009). Articles>Web Design>Graphic Design>Color


Textarea Tricks

Oh, TEXTAREAs. How many quirks you posses. Here is a collection of nine things you might want to do related to textareas.

Coyier, Chris. CSS Tricks (2010). Articles>Web Design>Forms>CSS


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. The conversation is heating up a little hotter than usual lately, as major companies are starting to pull support for it. I thought I would start the conversation by covering the reasons I think people still use this browser.

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Standards>Web Browsers

Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon