Posts Tagged ‘sass’

Cool Web Developer Tools – Koala and Chrome Remote Preview

Friday, March 22nd, 2013
Cool Web Developer Tools – Koala and Chrome Remote Preview

Don’t like the command line? Fear no more!

I saw a tweet the other day that told of a way to compile Sass, LESS, or CoffeeScript without using the command line. Enter Koala, a cool little app to help you make the jump to preprocessors as painless as possible. Normally I use the command line and type in ‘compass watch’ and forget about it. It really isn’t that difficult, but a lot of people seem to get scared when confronted with it. If all you want to do is compile, I really don’t see a reason why you shouldn’t use Koala. The interface is incredibly easy, with very few buttons or options. The ones it does have, are the ones you would most commonly use. Take a look at the image below and see what I mean.

(more…)

Using Jade As An HTML Preprocessor Through Nodefront

Monday, September 24th, 2012
Using Jade As An HTML Preprocessor Through Nodefront

No CodeKit for PC…now what?

I have been watching Chris Coyier’s redesign videos and have been learning a lot from the first few I’ve seen. I remembered him talking about using Jade. He hasn’t gone into it in the videos, and I will assume he is not using it in the redesign, but I haven’t gotten far enough to know. What is Jade? It is a template engine that according to the documentation, is heavily influenced by Haml, an HTML preprocessor. You know, take out all the cluttered syntax? Of course Jade can do a lot more, but I was mainly interested in using it for its most basic use. Get rid of some clutter in my HTML.

The main problem though is Chris uses Codekit, which does a lot of cool things, and one seems to be compiling the Jade files into HTML. Unfortunately, CodeKit is only for the Mac with no real hope of ever crossing over. So I needed to find a different way to get Jade to work for me. Not an easy task for someone who has no idea how to even impliment it. After a lot of reading and searching, this is how I got it to work.

UPDATE 1/28/13: Below in the Final Thoughts section I mention that I wish Nodefront could output pretty html (non-condensed). I was informed a short while ago by the creator that it can. See the Update section further down to read how.
(more…)

Sass Features Ignored by Beginners

Tuesday, May 22nd, 2012
Sass Features Ignored by Beginners

From Beginner to Intermediate

I consider myself an intermediate level Sass user. I’ve used it enough now to know that I have written some stupid crap in Sass. I’ll take a guess that a lot of others new to Sass have done the same thing because you get excited about the stuff you can do. Like what you ask? Like nested your selectors more than three deep, or creating variables for stupid one word properties even though it would take the same amount of time to write the word out. What? OH FINE! I once created a variable $l: left; Okay? Happy? I don’t know why I did it, but variables in CSS were new to me and I was looking to shorten everything I possible could. Unfortunately it took me just as long to find the ‘$’ symbol as it did to just type the word ‘left’. But with use comes experience, and there are some cool things you can be using, and nothing all that difficult.

(more…)

Adobe Shadow, CSS Variables, Sass Stuff and More!

Wednesday, May 9th, 2012
Adobe Shadow, CSS Variables, Sass Stuff and More!

Excited about web development again

I will admit that I had been just going with the flow and not really excited about things going on in our field for a while. The new job has changed that though. I’m working on a variety of things, and FINALLY learning again. When you are not learning anything new or doing the same repetitive things over and over, things get tedious. Where I’m at now has given me what I needed to recapture. Excitement in what I’m doing. Already I have picked up some new stuff that I didn’t know before, and things are changing again in the technology we use. So I thought I’d share some of this with you.

(more…)

Where I’ve Been and Web Development Tidbits

Thursday, May 3rd, 2012
Where I’ve Been and Web Development Tidbits

A new year and a new job

So 2012 has already been a busy year. I’ve been working on some freelance projects, but the bigger deal is that I have taken a new position. I don’t like talking about where I work, so don’t ask. I am just not comfortable about putting that kind of info on the web. I do work in the city now (Chicago), so that is a huge change, but I’m very happy with where I’m at. Searching for jobs though was taking up a lot of my time, hence I haven’t been able to write any posts in a while. I am settling in now though, so that will change. Starting today!

(more…)