Category Archives: CSS

  • Text Me Up Circle

    It all started with a dream where I was using css to make Fender Stratocaster volume and tone potentiometer knobs. The very next morning my dream came true and I was on my way to bliss → (Codepen : http://codepen.io/grayghostvisuals/full/volume-knobs/38). You see … css3 Transforms and a little Sass looping is the trick to this devil in disguise. While I was writing the CSS for the example –using Codepen of course– I had a little birdie hit me up with a super awesome trick Read More →

  • eCSSentially eCSSential

    If you’re a fan like me then you’re certainly familiar with the work of The Filament Group and more importantly Scott Jehl. I have to admit that I’m a bit overdue in my visit with this awesome tool, but I finally found some time in a dark corner to give it a shot and I wanted to share my experience. So, what the hell does this thing do? How about a brief explanation by Scott Jehl from his Github Repo. Read More →

  • Activate Compass Captain

    I’m sure you’ve heard about compass, but what is it? and what does it do for me? In order to install Compass we’ll have to use that strange beast called “Terminal.” Before we begin my young padawan, here’s a few reasons from the official Compass Website why designer’s love compass…. Read More →

  • Sayonara Faux Columns, Hello Flexbox

    This article is outdated and no longer accurate. Find up-to-date information about flexbox at HTML5 Please.

    Layout and Web Design go hand in hand like peanut butter and jelly. We can’t possibly have one without the other. It’s imperative we
    have great layouts in order for our users to find and read the content we the authors/site owners deem as important. As we learned from Dan Cederholm, Faux Columns gave web designers a solution for floated columns to stretch to the bottom of their parent container. Read More →

  • Touch Events for iOS

    Since we geeky Web Designers have become wise to the mobile era, we might as well become familiar with the handling of touch events –and by that I refer to touch events for iOS. What is a Touch Event? Well, when a touch event(i.e. a gesture or touching the screen with your finger) is detected by the event listener, Read More →

  • Design For The Future

    I’ve been thinking a lot lately since the surfacing of terms like Responsive Web Design, Adaptive Web Design, and even more so upon hearing Mark Boulton discuss the shape of the web we are currently experiencing. Read More →