Archive for the ‘Sass/Less/Compass’ Category

Informal Interview: Chris Eppstein – Creator of Compass

Thursday, January 13th, 2011
Informal Interview: Chris Eppstein – Creator of Compass

Talking to people in web development

I had a thought the other day and on a whim I asked a couple people if I could get an informal interview. I email them questions, and they give me the answers. I originally planned to ask people that were not in the top tier of popularity…you know, people like…well…me. The ones who write web development blogs because they love what they do, and working in the trenches. People that have something to say that most of us wouldn’t know about otherwise. That plan has somewhat changed when I got a “yes” from someone I didn’t expect to. I plan on doing a bunch of these, but this first one makes me very happy. On to the first of what I call “Informal Interviews.”

Chris Eppstein – Creator of Compass

Chris is the creator of Compass, a stylesheet authoring framework, and is on the core team of Sass — the stylesheet syntax upon which Compass is built. On top of that, he is the Software Architect at Caring.com, a website devoted to caregivers of the sick and elderly. How he has any time left to relax, I’ll never know. On to the Q & A!

(more…)

Create Sprites Using Lemonade In Compass

Tuesday, December 21st, 2010
Create Sprites Using Lemonade In Compass

I have a ton of images, now what?

By now, I would think most of you know how to use sprites. They are extremely useful, and keep the number of http requests down to a minimum. You have this png file that you work on in Photoshop, and you keep adding to it, saving it and whatever else. Get’s time consuming right? At least a little, so shut up you nay sayers. Wouldn’t it be great if there was an easier way? Damn straight!

Thirsty? Drink some Lemonade!

Lemonade for Compass - Sass FrameworkWell Compass makes it easy now, and you don’t need to use Photoshop to do it! Compass has merged with Lemonade to make doing this a cinch. With each new iteration of this framework, something awesome gets added, and this is just plain cool. Now you can take a bunch of images you have and make a sprite on the fly with them. Here is how you go about it.

(more…)

Update On Redesign Of JC-Designs.net And The Sass

Thursday, November 4th, 2010
Update On Redesign Of JC-Designs.net And The Sass

Home page is coming along

It is slow going because I am doing a lot of new things. At least for me. I’m using Compass and Sass, the HTML5 boilerplate, HTML5 tags that I am still coming to grips with, and who knows what the hell else. But I wanted to show you my .scss sheet so far, so you can see what is involved. You can learn a lot just by looking at stuff like this, so if you find it helpful, let me know!

What I’ve learned in the process

Holy crap…there is a lot. What has helped me the most is learning a little more of Compass. I was and still am an idiot in that area, but I think I have read most of the site now. There are a few things that evade my grasp, but for the most part, things are coming together.

(more…)

A Review Of Compass For Sass

Tuesday, October 26th, 2010
A Review Of Compass For Sass

Front enders be warned, its hard, but worth it

First, if Chris E., creator of Compass, wanders over and reads this, I apologize if I was harassing you with my questions. I’ll post them in the document support section from now on.

Compass does not feel like it is written for non-programmers (which is probably fine for most users and the creator). Why, you ask would that be ok? Because I don’t feel that was their intention. I’ve read that they want to make Sass/SCSS more accessible to people new to it, but if that is true, they is a lot of work. To use them, you need the command line. How many of you are familiar with that? If you are young and don’t remember DOS, it is intimidating. We are used to interfaces, right? I mean, look at the editors we use. The command line has NOTHING to look at. Literally. So besides trying to learn a cool…not sure what to actually call Compass or Sass…technology? You have to dive into using the command line. Forget Dreamweaver for editing your .scss file, won’t work (at least not the version I have CS4)…which doesn’t matter all that much to me since I am using NetBeans and Notepad++. My point is, actually USING these things is great. Getting there sucks.

The install process is a bitch. At least if you go the Ruby way, and I am not sure there is another way, considering it is a gem, but then you have to wrap your brains around that one, too. I know that this sounds discouraging, but I am here to tell you that ALL that crap…is worth it. Just be prepared for some serious learning and a lot of searching.

(more…)

Sass (SCSS) and Compass Cheat Sheet

Thursday, October 21st, 2010
Sass (SCSS) and Compass Cheat Sheet

Because there isn’t one

First, a huge thank you to Hampton Catlin and Nathan Weizenbaum for giving us Sass.

As far as I know, there isn’t a Sass (SCSS) Cheat Sheet out there, and there should be. I am fairly certain that most people new to Sass and just getting into it have done plenty of searching for what they are trying to do, but find the actual help available lacking. There are very knowledgeable people out there that are willing to help,like Chris Eppstein and Derek Perez, but outside of those two, there are very few places to turn too. The documentation is ok, but I hate weeding through that thing. I want a cheat sheet that shows me how to do specific things. The problem I keep thinking about though is that you don’t just need the syntax, or a list of methods like jQuery, but actual small examples of how to write something. And just to make things interesting, let’s include Compass!

The real problem – I need help

I can’t do it alone, because I am a newbie. I can start it and add to it as I go, but someone more knowledgeable will have to provide the trickier stuff or just things that I may have missed. So, I am asking you to help me and leave a comment on what should be added. I’ll post it in code form below, and provide a pdf file that you can download below. The Compass part I will include in the pdf version.

Download File

(more…)