Archive for the ‘CSS framework’ Tag

Using Bourbon, Neat, Bitters & Refills

Friday, October 17th, 2014

So why am I contemplating using Thoughtbot products when Bootstrap is so popular and much widely used in the web community?

  • Bourbon – “A simple and lightweight mixin library for Sass.”
  • Neat – “A lightweight semantic grid framework for Sass and Bourbon.”
  • Bitters – “Scaffold styles, variables and structure for Bourbon projects.”
  • Refills – “…prepackaged patterns and components, built on top of Bourbon, Bitters, and Neat.”

The idea of using clean and semantic markup that is based entirely on Sass mixins was pretty much the key factor which attracted me to try out Bourbon, Neat, Bitters and Refills.

Read the rest of this entry »

Posted in CSS, Framework | Tagged , , , , , , , , , , | Leave a comment

YeoPress Review

Thursday, May 22nd, 2014

YeoPress: A Yeoman Generator for WordPress by Wesley Todd

I won’t go into too much detail to explain what YeoPress does but you can read more about it from the creator himself, Wesley Todd. YeoPress: A Yeoman Generator for WordPress, basically installs WordPress via the Command Line/Terminal. It’s also assuming that you’re working locally (which is a good start for developing WordPress themes). So you still need to create your database and you have to know what your database username and password will be (this is to set up your wp-config.php file) For example: Database Username: root, Database Password: empty). Be sure to check your database privileges for editing access too. The steps described by Wesley are easy to understand and the instructions set up are pretty straightforward.

Read the rest of this entry »

Posted in Productivity, WordPress, Workflow Tools | Tagged , , , , , , , , | Leave a comment

Sass, Command Line and a Firewall

Tuesday, April 29th, 2014

After a year off from work (I was on maternity leave) I’m finally getting a chance to catch up on what I’ve missed from the Web Development community. One of which is CSS Preprocessors which has been around for a few years now. I won’t go into the details to describe what it is so I’ve listed a few popular and most used CSS Preprocessors.

After reading about CSS Preprocessors I’ve decided to explore and experiment with Sass based on these reasons:

“Sass makes it easier to write less CSS codes and manipulate them dynamically. It’s a great way to write more functional CSS codes and can speed up the workflow of every web developer and designer” – from 1st Web Designer

“It’s a way to simplify your CSS workflow, making development and maintenance tasks easier. For instance, have you ever had to do a find-and-replace in your stylesheet to change a particular HEX color for a particular indecisive client? Or had to open up the calculator app to figure out a column width in a multi-column design? Sass introduces new concepts such as variables, mixins, nestings and selector inheritance” – from Treehouse Blog

Read the rest of this entry »

Posted in Sass, Workflow Tools | Tagged , , , , , ,