Category Archives: css
Customizing Select Menus:
Web forms are bottom-line the bread and butter of the Web. They allow us to send and input information pertaining to a number of factors revolving around our interests/needs/wants. When it comes to styling inputs (and in particular styling custom select menus) some have argued that styling custom select menus are obnoxious and distract a user from what they’re normally accustomed to. I would disagree with that last statement and think it really involves customizing a select menu in a way that can be distinguished and understood logically. Lets take a look at customizing a select menu and then examine a possibility I’d like to see readily available to authors.
The point is there is no point in #RWD
Lately I’ve been curious about units used in #RWD –mostly rems I have to admit. Yes, discussing the correct or preferred values to use in #RWD is a topic that definitely makes me fall asleep, but instead of writing the same post about why ems are good for sizing in #RWD, I thought I would look at why
ptisn’t beneficial when used in a #RWD setting – also due to a recent conversation on Twitter about the lonely
pt. This surely goes for you nasty pixels too, but I’ll keep it to the
ptfor today –no pun intended.
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
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.
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….
Sayonara Faux Columns, Hello FlexboxThis 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.
File Extension Rewrite for Apache
If you aren’t using a CMS/Blogging System (i.e. Drupal, WordPress etc.) then why not create a custom rewrite rule to strip your directory files of their extensions for your HTML5 Boilerplate