Web-Development

What is Grunt?

What is Grunt?

What the heck is a JavaScript Task Runner?

Grunt is a command line tool that runs on Node.js and automates your JavaScript build process. Grunt is an “easy” way compile coffeescript, sass, compass. It can minify, concatenate, and a whole lot more. Everything is simple… as long as you know what you’re doing.

Square3_thumb

[Rx] Customizing Open Live Writer

[Rx] Customizing Open Live Writer

Way back in the day, Microsoft gave out a very good offline blogging program called Windows Live Writer. It was an offline WYSIWYG blog editor that allowed you to write, save, and post all from the comfort of your local PC desktop and came bundled in an online package called Windows Essentials. The program stalled out on version Windows Live Writer 2012.

Microsoft opened sourced the program as Open Live Writer at the end of 2015. From there, it was ignored and forgotten… sad story.

On the off chance you’ve entered a time warp, and go back to 2015, here’s how to customize Open Live Writer.

[Rx] Trim CSS Fat Using Win7 Grunt

[Rx] Trim CSS Fat Using Win7 Grunt

Back in the day, you didn’t have to worry about “devices.” Now, we’re all modern. We have stylish CSS that makes HTML look hipster-good on any screen size you can imagine. To do all this you need css code, lots of code.

You  can punch the code-masters ticket and roll your own CSS or you can attach everything to a CSS framework ( Bootstrap, Foundation, etc.).

These frameworks don’t know what you want, so they give you EVERYTHING. You have a screen the size of you large toenail? Not a problem, but the typical websites uses less than 80% of all the framework css code.

The price you pay for a kitchen sink framework is speed. Luckily, if you have a need for speed, you can trim out the CSS fat using unCSS.

Site Design

Site Design

Sometimes, a screenshot says it all. My text seems to push to the left and that looks funky. Hmm.

When I made up this little memory-aide site, I wasn’t too concerned about aesthetics. My goals were:

1. Clean/Functional. Easy to write and easy to read. 2. Responsive. Readable on various devices. 3. Spam-less. No spamy comments.

Normally, I use a plain sheet of paper to get the basic layout done. I kind of winged it on this one. Once I get my new local development set up, there are a few things on the to-do list:

  1. Add More Left and Top Margins
  2. Create a Better Instructional Template

No worries. Content is still king.

Square3_thumb