Compass Makes Writing CSS Fun Again

One of the things that has always annoyed me about web development is that writing CSS generally becomes a task that has a major lack of the features that you would expect in a programming language, even one as simple as JavaScript. These features that would be wonderful to have when working with CSS are the ability to use variables to define a set of basic colors that are in use across the site in one place, and then use the variable name throughout the stylesheet.

I can honestly say that using Compass to generate the CSS for a site takes the tediousness out of the process, making it much more efficient and enjoyable.

As it happens, there is a tool that allows you to improve CSS in these ways and more, allowing you to structure your CSS in a more efficient method than can typically be created by all but the most organized developers or designers. This tool is called SASS, which stands for Syntatically Awesome Style Sheets. This provides the most basic structure and rules of the process, and more about SASS can be found here.

While SASS has its niceties, it is taken to the next level with Compass, which is built on top of the basis of SASS, allowing developers to utilize additional functionality that was not present in the earlier versions of SASS. You can find out more about Compass here.

Tags:

Related Posts

Mar 30, 2015
2 minutes

Optimize Wide To Narrow

If you consider the path that a user takes through your website from landing page to successful conversion, you can think of the number of users that make it to each point along the way to a successful conversion as similarly shaped to that of a funnel. In a typical setup, you may have a very small percentage of your users make it to a successful conversion, but there are several areas along the way that either improve the chances the user will convert or decrease those chances.

#responsive-web-design #javascript #management
Read More
Oct 7, 2014
2 minutes

LocalStorage and Safari Weirdness

One of the technologies that has been intriguing to me for a while has been LocalStorage on the web browser. One of my first adventures into using persistent storage other than cookies on a web browser was the short-lived HTML 5 standard of the webSQL database. It turns out that it was simply a SQL Lite database that was accessible via JavaScript in all the WebKit browsers as well as Firefox. However, Internet Explorer did not implement this functionality, and the webSQL standard was soon dropped from the HTML 5 standard itself, leaving only the LocalStorage key/value storage mechanism.

#javascript #html #safari
Read More
Mar 10, 2015
One minute

Authenticate Magento Admin Users

Magento’s admin interface allows you to do the vast majority of everything that you would ever want to do to manage your eCommerce website. However, there are times when the rigidity of the framework makes it difficult for developers to appropriately customize a layout.

One of the things that we have done to combat these limitations is to create a new administration section of the website specifically for the use of developers and other advanced administrators of the site. In order to do this as seamlessly as possible, one of the requirements was to enable current admin users to use the same authenticated session across the standard Magento admin and our new custom admin systems.

#web-development #php
Read More