There are times when using z-index, it doesn't always appear to work the way we'd like to. So to define z-index, "it is the attribute that lets you adjust the order of the layering of objects when rendering content." - Mozilla Developer Network. According to Angelina Fabbro: CSS In Your Pocket - Mobile CSS Tips … Continue reading Quick Tip: z-index
2015
After a long absence of no blog posts on this website, I'm back. Here is the main reason... Joel is an adorable excuse! in a non-biased way of course. So after much thought, I've decided that I want to focus on writing more about WordPress and general web development. As well as experimentation with using … Continue reading 2015
CSS Architecture
I'm attempting to compile a comprehensive list of how developers and front-end engineers structure their CSS using the SMACSS (Scalable and Modular Architecture for CSS) approach. What is SMACSS? "SMACSS stands for Scalable and Modular Architecture for CSS, and is more a style guide than a CSS framework. On a high level SMACSS aims at … Continue reading CSS Architecture
Using Bourbon, Neat, Bitters & Refills
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 … Continue reading Using Bourbon, Neat, Bitters & Refills
Start using Sass
I really wanted to point out the reasons why web developers should start using Sass and I came across the Clean out your Sass junk drawer slides by Dale Sande. It shows just how much the thought process of well structured CSS has changed over the years. So if you still work with fellow front-end … Continue reading Start using Sass
CSS3 Background-Image
While creating a prototype for a project (using Bootstrap), I added the Jumbotron component which is described as: "a lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site" and found that my background image wasn't responsive at all. After searching on Stack Overflow, I found that using … Continue reading CSS3 Background-Image
Grunt build error behind proxy
While working on a project, I used the Yeoman webapp generator and selected; Bootstrap Sass, jQuery and Modernizr. Everything has worked well, the 'grunt serve' and 'grunt test' commands, however when I want to run the 'grunt build' command to upload the contents of my 'dist' folder to a web server, I get prompted with … Continue reading Grunt build error behind proxy
