Clint McKoy

Photo

Sun, 19 Feb 2012 23:59:00 -0500

They’re growing up…

Mon, 06 Feb 2012 21:47:25 -0500

They’re growing up…

Photo

Fri, 20 Jan 2012 20:09:42 -0500

Photo

Thu, 12 Jan 2012 15:54:31 -0500

Crafting the Front-end.

Mon, 02 Jan 2012 10:29:00 -0500

Crafting the Front-end.:

Genius. Every front-end developer needs to read this (click the title above).

Screen Zoom in Mac OSX Lion

Fri, 16 Dec 2011 13:56:39 -0500

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 window > Options

Then, be sure to check the box that reads: “Use scroll wheel with modifier keys to zoom”

Getting True Height with jQuery

Fri, 09 Dec 2011 17:08:00 -0500

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 window.load instead of document.ready, like this:

$(window).load(function(){
   var elementHght = $('#content').height();
});

A beautiful day downtown.

Wed, 23 Nov 2011 23:03:00 -0500

A beautiful day downtown.

Safari Address Bar Shortcut

Mon, 21 Nov 2011 10:56:00 -0500

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).

More of Charleston via iPhone 4S

Mon, 24 Oct 2011 11:11:00 -0400

More of Charleston via iPhone 4S

Charleston Wedding via iPhone 4S

Mon, 24 Oct 2011 11:09:00 -0400

Charleston Wedding via iPhone 4S

"Rseaerch icntidaes taht the oerdr of the ltteers in a wrod dnsoe’t relaly mettar. Waht relaly..."

Fri, 16 Sep 2011 11:39:06 -0400

“Rseaerch icntidaes taht the oerdr of the ltteers in a wrod dnsoe’t relaly mettar. Waht relaly mtteras is the frist and lsat leettr in the wrod. If tehy are in the rhgit palce, you can raed the wdors.”

- 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

Target Webkit (Safari and Chrome) Browsers Only.

Thu, 15 Sep 2011 12:58:00 -0400

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 Explained.

The USC Horseshoe this weekend.

Mon, 29 Aug 2011 12:07:00 -0400

The USC Horseshoe this weekend.

jQuery Easing Functions List

Fri, 26 Aug 2011 15:47:11 -0400

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
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce

Submit Input Value Won't Go Away!

Thu, 21 Jul 2011 16:26:00 -0400

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: 500px;
	overflow:hidden; 
}

But unfortunately, this method does not work on FF (Firefox). You’ll still need to use the text-indent method as well. So, you’re finished product will look something like this:

input {
	text-indent: -9999px;
	line-height: 500px;
	overflow:hidden; 
}

More State House iPhone-ography.

Sat, 16 Jul 2011 20:39:00 -0400

More State House iPhone-ography.

Some lunchtime iPhone-ography.

Fri, 15 Jul 2011 13:02:00 -0400

Some lunchtime iPhone-ography.

Cross-Browser Vertical Text Alignment for Inputs

Fri, 08 Jul 2011 13:54:00 -0400

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 instances, you’ll only need to apply ‘line-height’ to those particular browsers.

Sunset on the Riverwalk… another reason why I love living...

Thu, 30 Jun 2011 23:20:00 -0400

Sunset on the Riverwalk… another reason why I love living in Columbia, SC.