-
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.
-
CSS3 Grayscale Filter
I stumbled upon a quick video on YouTube on how to use the CSS3 grayscale filter when hovering on an image. The results can be seen via this Codepen CSS3 Grayscale Filter Click on the CSS tab in the Codepen example above to see how this filter effect can be implemented in your CSS. “Method…
-
Features of Compass
“Compass is an open-source CSS Authoring Framework.” – Compass “Compass can do some really handy tasks like measuring images from the filesystem and writing them into your stylesheets. Asset URL functions are available that make it easy to move assets around in a project or even switch to a content delivery network (CDN) without having…
-
Learning Sass
What is Sass? “Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.” – Sass To install…
-
Using Yeoman in your workflow
There are tonnes of web development tools to help front-end developers these days that it can start to become overwhelming. I know I was! (Not gonna lie!). So before we begin, I thought I would go through some of the steps of using Yeoman in my web development workflow. First you’ll need to get a…
-
Grunt Boilerplate
What is Grunt? Grunt is a JavaScript Task Runner. As written on Grunt JS… “Why use a task runner? In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you’ve configured it, a task runner can do…
-
How to Open Sublime Text from Mac OS X Terminal
It was brought to my attention that you can open Sublime Text via Terminal whilst watching a screencast by @James Stone on “Getting Sassy with ZURB Foundation 5 (Sass/Scss)” by typing: subl . Now I know what you’re thinking, well this isn’t new, you’re telling me that you can open files too?! (Duh) anyway I…
You must be logged in to post a comment.