css
Using Compass and SASS to generate Skinr styles
At SystemSeed, we have recently started using SASS and Compass to write our CSS stylesheets. For those that don't know, Compass is an open source CSS Authoring Framwork, which together with SASS can really take the chore out of writing CSS. In this article I wanted to talk about some of the things we love about Compass and SASS, and see how some of their advanced features can speed up the process of creating styles that could be used with Skinr.
How to remove stylesheets provided by a Drupal module
A lot of Drupal modules include their own CSS files, which provide default styles for any HTML rendered by the module. These styles may not suit your theme, and you might find that you must override most of them to get the look you want.
Rather than simply overriding all of these styles, it may make more sense to just completely remove the module's stylesheet and start from scratch in your theme.
This can be accomplished by messing around with the $styles page variable in Drupal's preprocesss_page() function in the template.php file.
Color Scheme Designer - A web tool to generate colour palettes
Color Scheme Designer 3 is neat little tool that can help you generate new and appealing colour schemes. It has a slick web based interface, a wide range of options and some really great hidden features. Color Scheme Designer makes the rather complex science of colour easily available to web designers, graphic designers, and anyone else who just wants to have a play.
Vertically and horizontally center a div using CSS
As a web designer, I'm often asked to center content on a web page, vertically as well as horizontally. This is often referred to as 'the letterbox effect'. Back in the day, when we all used tables to mark up our pages, this was a pretty simple task. However, now that everyone knows the error of their ways and tables are considered old hat, ugly and an improper way of marking up a page, this task has actually become more complicated.
CSS shadows - A drop shadow roundup
I've come across loads of different techniques to create a browser based drop shadow effect. Some use only CSS whilst others need the help of JavaScript, some are cross browser friendly, others are not!
The aim of this post is to create collection of resources that show various techniques for creating CSS drop shadow effects. This was inspired by Smileycat's CSS Rounded Corners Roundup, which has proved to be a really useful resource for me, that I often refer back to.
CSS3 - When will the final recommendation be ready?
I've been hearing a lot about CSS3 lately and I'm quite excited by some of it's new features, such as rounded corners, multiple backgrounds and opacity. But what I want to know is, when will it be ready to use?
