Archives for April 2011
You are currently browsing 3 articles posted April 2011.
SASS is Brilliant
Published Monday 18th of April 2011
I've used my own CSS constants parser for a few years now and I can't imagine writing CSS without it nowadays.
I wrote the parser years ago when I had more time for my own projects and since then I've come up with loads of things I've been wanting to add to it.
Quite recently TB recommended SASS to me in the comments to my CSS Wish List article and for a recent project I gave it a go.
SASS has got everything on my todo-list for my own parser + loads more. Its @mixins are almost identical to my own take on constants but SASS' @mixins has support for many things I have yet to add to my own parser.
SASS also comes with variables and a bunch of super handy color functions.
It doesn't merge every file in the CSS-dir like mine, but instead loops through @import directives and pulls all the code in to the same file.
I'm going to convert all my handy CSS constants to SASS @mixins shortly and I've also looked into Compass' collection of @mixins based on popular CSS frameworks.
Writing CSS without @mixins (or similar) is not an option for me anymore and with all the other handy functionality SASS comes with it's an obvious choice for me.
Thus I will be deprecating my own parser and start using SASS exclusively from now on. It's an added bonus that other smart people are constantly improving it as well.
Now if I could only find a substitute for aFramework... :)
Join 2 others and post a comment
Vendor Prefixes are Getting Ridiculous
Published Friday 15th of April 2011
$chat-user-box {
background-color: #e9f2f8;
background-image: -moz-linear-gradient(top, #e9f2f8, #dae9f4); /* FF3.6 */
background-image: -ms-linear-gradient(top, #e9f2f8, #dae9f4); /* IE10 */
background-image: -o-linear-gradient(top, #e9f2f8, #dae9f4); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f2f8), to(#dae9f4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #e9f2f8, #dae9f4); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #e9f2f8, #dae9f4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9f2f8', EndColorStr='#dae9f4'); /* IE6–IE9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
background-clip: padding-box;
position: relative;
margin: 0 0 4px;
padding: 5px 5px 5px 45px;
border: 1px solid #a3b5d9;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-o-border-top-right-radius: 5px;
-o-border-bottom-right-radius: 5px;
-ms-border-top-right-radius: 5px;
-ms-border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}FFS
Join 1 others and post a comment
Chopin, Nocturne, opus 27 #2
Published Saturday 9th of April 2011
Awesome. Awesome to the max.
And LOL
Be the first to post a comment