Getting it right in the head As a hack every now and then I would whack in a javascript or CSS link hardcoded directly into the header.php or footer.php template files of a WordPress theme. This really is a no no! as this can result in script conflicts or duplications or just downright badness, there …
Read More
Create a Widgetized Custom Home Page in Genesis Child Theme WordPress
Creating a customised all widgets / widgetized home page of a Genesis Child Theme. Analysing the Layout The layout above does not lend itself to the default layouts in Genesis, it really needs to be set up with widgetised areas in the WordPress dashboard so a non-technical user can update content. The layout is a …
Read More
An Introductory Guide for starting out with SASS for CSS
SASS and LESS are two similar tools for writing out CSS code that is sort of pre-CSS code with variables – that is then converted to good ole regular CSS code. Why you would want to use them really depends on your workflow, for smaller scale work and minor CSS updates it probably isn’t necessary …
Read More
Getting Selective with CSS Styling
CSS styling can get very specific and you can target less classes and IDs in the HTML markup, and instead target cascading HTML elements – here we take a look at the various CSS Selectors, and give some simple examples of how the selector is written and what it targets. Descendant Selector The descendant selector …
Read More
Up and running with installing Less for CSS on OSX 10.8 Mountain Lion
Up and running with installing Less for CSS on OSX Less is a CSS pre-processor tool in which you initially write your CSS code using variables, selector inheritance, mixins, and nestings and and then compile that code to spit out regular CSS. The benefits of using CSS pre-processor tools like Less or Sass are more advantageous on larger web projects with …
Read More
Up and running with installing SASS on OSX 10.8 Mountain Lion
Up and running with installing Sass on OSX SASS (Syntactically Awesome Stylesheets) is a CSS pre-processor tool in which you write your CSS code using variables, selector inheritance, mixins, and nestings and and then compile that code to spit out regular CSS. The benefits of SASS are more advantageous in a mid-large web development project …
Read More