CSS Signatures are all the rage these days. If you’re not familiar with a CSS Signature, it’s basically nothing more than an ID on your body tag. The fundamental purpose of the CSS Signature is to allow a user to specify style adjustments to your site in their own user style sheets. Whether or not users are actually capitalizing on this is a discussion for another day, but doing this has other benefits like having an extra id to use when dealing with CSS specificity. Additionally, we can use this to capitalize on a little known fact about HTML and anchors: you can use anchors to jump to any element on your page with an ID attribute…
Archive for September, 2009
-
How to simplify your markup using ID for anchors
Posted: 2 years ago in Tutorials
-
Beautiful CSS: Organizing Your Stylesheets
Posted: 2 years ago in Articles
An article anout CSS stylesheet organization. The separation of style and content that makes CSS so awesome can also make it difficult to understand. Adding to that difficulty is the fact that each designer may have a different way of organizing stylesheets. If you inherit someone else’s site, this can cause some problems. In a perfect world everyone’s CSS would be well-organized, easy to scale, and easy to understand. We may not be able to attain such CSS Nirvana but we can at least make it easier on ourselves and those we work with by following this set of guidelines…
Read More: Beautiful CSS: Organizing Your Stylesheets
-
The Best Designs
Posted: 2 years ago in Galleries
The Best Designs recognizes the best Flash and CSS web sites from around the world. Websites are categorized by CSS or Flash and also by elements of the design. TBD is usually updated every weekday, with the exception of holidays.
Read More: The Best Designs
-
CSS: Design Out Of The Box
Posted: 2 years ago in Tutorials
Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I’ve collected some of the best examples that are designed out of the box. I’ve also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property…
Read More: CSS: Design Out Of The Box
-
11 Classic CSS Techniques Made Simple with CSS3
Posted: 2 years ago in Tutorials
We’ve all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn’t be limited to these old techniques when there’s a new age coming. This new age includes the use of CSS3. In this tutorial, you’ll see eleven different time-consuming effects that can be achieved quite easily with CSS3…
-
CSS Fonts for web design: a primer
Posted: 2 years ago in Articles
Modern CSS provides web designers with an unprecedented level of control over online typography. Restrictions are still imposed however by the limited number of “common” fonts—those typefaces that are generally available cross-platform. This article looks at the fonts web designers have available to them, and also considers their suitability for various tasks…
Read More: CSS Fonts for web design: a primer
-
Style a List with One Pixel
Posted: 2 years ago in Tutorials
A one-pixel background image can be a pretty versatile thing. With repeat-x it can be a horizontal line, repeat-y makes a vertical line, and repeat makes it a fill color. Just as a little fun proof of concept, we can use that to create a depth-chart looking unordered list…
Read More: Style a List with One Pixel
-
Why your Web content will look darker on Snow Leopard
Posted: 2 years ago in Articles
If you’re a Web designer, expect your CSS colors and your untagged/unmanaged images to look darker on Snow Leopard than on previous versions of the Mac OS. You’ll also see less of a visible color shift when going from Photoshop to Flash or other unmanaged environments (e.g. Internet Explorer).
Why is that? Apple has switched to a default gamma of 2.2, which is what Windows has used for years. Colors that aren’t color-managed are going to look darker on the whole. Your whole display will now be closer to what Windows users see…
Read More: Why your Web content will look darker on Snow Leopard
-
3 Easy and Fast CSS Techniques for Faux Image Cropping
Posted: 2 years ago in Tutorials
This article is a summary of a 3 fast and easy CSS techniques you can use to display only a portion of an image in your content. All techniques explained here actually need only couple of lines of CSS. However, it is not cropping in a real sense of the word, we are not cutting the image down to a certain size (CSS can’t do that yet) we are merely hiding the “extra” and displaying only a part of the image we want. That’s why it’s called Faux Image Cropping.
These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus…
Read More: 3 Easy and Fast CSS Techniques for Faux Image Cropping
-
Simple CSS Tricks to Greatly Improve Site Typography
Posted: 2 years ago in Tutorials
When creating a minimalist or simple website design, typography plays a key role in adding contrast and interest that would normally be done with images. Because of that, it’s essential that the typography looks professional and is well-tuned with the rest of the design. Here are a few CSS tips to make sure you get it right…
Read More: Simple CSS Tricks to Greatly Improve Site Typography