June 2012
1 post
May 2012
5 posts
3 tags
Equal Height Columns with Pure CSS
I discovered a method for achieving equal height columns that I can’t help but share. This technique involves the use of position: absolute with top and bottom set to zero. What makes this method unique is that it allows you to have equal height columns inside of a container, regardless of the height or position of the container.
I setup a demo on...
1 tag
“Pursue your purpose.”
2 tags
Clint McKoy Concert Tonight!
It’s been about 5 years since I’ve done a concert, after a few years of non-stop touring. I was asked to share some music tonight at a local church. I’m kind of nervous, ok, really nervous, but excited about it at the same time. I feel like my music and outlook on life has changed drastically in the last 5 years. So, if you’re bored and looking for some free entertainment...
A Great Quote About Regret →
cameronmoll:
Kathryn Schulz, as quoted by Maria Popova:
If we have goals and dreams and we want to do our best, and if we love people and we don’t want to hurt them or lose them, we should feel pain when things go wrong. The point isn’t to live without any regrets, the point is to not hate ourselves for…
April 2012
5 posts
1 tag
2 tags
John Cleese - a lecture on Creativity →
An amazing talk on what causes creativity and how to be more creative. (click the title)
3 tags
March 2012
4 posts
‘Paper’ for iPad →
cameronmoll:
There are so many things right about this app. The lovely watercolor, miniature sketchbook icon. The marketing site. The “take this everywhere life takes you” video above. And the undo gesture: Place two fingers on the screen and draw a circle counter-clockwise to undo and clockwise to redo. (Though the number of undo/redo steps are limited.)
Download the app for free, and then...
1 tag
1 tag
3 tags
Helpful hint when using em's in place of px's.
I’m making the switch from px’s to em’s in my CSS and I ran across this helpful hint today:
“Setting your default font-size to 62.5% means that the standard font-size on your web-page would be 10PX. Thus 1EM = 10PX, 1.5EM = 15PX, 1.2EM = 12PX and so on.”
So, set your body font-size to 63% and em calculations aren’t that bad after all!
In case this just...
February 2012
3 posts
1 tag
January 2012
3 posts
1 tag
Crafting the Front-end. →
Genius. Every front-end developer needs to read this (click the title above).
December 2011
2 posts
5 tags
Screen Zoom in Mac OSX Lion
I needed to utilize screen zoom today on my Mac but couldn’t find it. After much searching, I discovered that the screen zoom settings are located in a different place on Lion. I was also surprised to discover the functionality has changed drastically. You can find the new settings here (play around with the various options):
System Preferences > Universal Access > Seeing > Zoom in...
2 tags
Getting True Height with jQuery
I’ve come across this issue multiple times when trying to get the height of a content area (that contains images) using Javascript. In Webkit browsers (like Safari & Chrome), the height you retrieve will be minus any image heights, therefore not a true height. The reason for this is the order in which webkit loads images. The simple solution to this issue is to make your call using...
November 2011
2 posts
3 tags
Safari Address Bar Shortcut
For some reason, Safari on my new iMac at work doesn’t initially focus on the address bar. As a work-around, I’m using the keyboard shortcut which is: Command + L (in case anyone else wanted to know).
October 2011
2 posts
3 tags
3 tags
September 2011
2 posts
1 tag
“Rseaerch icntidaes taht the oerdr of the ltteers in a wrod dnsoe’t relaly...”
– Came across this today while reading an incredible article about branding, entitled “Branding Is About Creating Patterns, Not Repeating Messages”
Check it out: http://goo.gl/GO9LG
3 tags
Target Webkit (Safari and Chrome) Browsers Only.
A few weeks ago I wrote a post about how to target Firefox in your CSS. Today I had an unusual issue that was appearing on Webkit browsers only and needed a quick fix. I came across a smart way of doing just that using a media query. Here you go:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*webkit only CSS goes here*/
}
I found this code on the website: CSS, Javascript, and XHTML...
August 2011
2 posts
3 tags
3 tags
jQuery Easing Functions List
It seems like I’m needing a list of jQuery easing functions a few times a week. I finally took the time to compile a list and thought I’d share. You’ll find a list below.
During the process, I also found a cool website with easing demos: http://goo.gl/IgrXl
jQuery Easing Functions:
linear
swing
jswing
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
...
July 2011
4 posts
3 tags
Submit Input Value Won't Go Away!
I’ve come across this issue a few times lately, where the value for a text input will not disappear in IE7 (Internet Explorer 7) by using text-indent alone. This becomes an issue when trying to implement a custom submit button that consists of a background image only.
The solution: Give the input a very high line-height and set the overflow to “hidden”.
input {
line-height:...
1 tag
1 tag
3 tags
Cross-Browser Vertical Text Alignment for Inputs
I finally came up with the correct styling formula for vertically aligning text across all modern browsers, including Safari, Chrome, FF, and IE (6, 7, 8, & 9.) The secret is to set the height and line-height to the same value. So, your CSS would look something like this:
input {
height: 30px;
line-height: 30px;
}
Update: ‘line-height’ is only needed for IE7 and IE8. In some...
1 tag
June 2011
3 posts
3 tags
CSS: Target Firefox Only
I’ve had a few instances lately where I needed to target Firefox only in my CSS stylesheet. This is the best method I’ve found:
/* Target Firefox Only */
@-moz-document url-prefix() {
#selector {
margin-top: 100px;
}
}
1 tag
May 2011
1 post
Goodbye WordPress, Hello Tumblr!
That’s right folks, I’m done with WordPress, at least for now. Decided to go with a simple website. This time, my site is powered by Tumblr.
June 2010
1 post
1 tag
