Posts tagged with ‘code’

How to remove “focus” borders on webkit input fields …

This can be an irritating one, especially when you have everything all lined up nicely and working in all browsers. You test out your sexy, new and standards compliant layout, click on a text input and BAM, webkit decides to throw everything off by a few pixels with its glowing “focus” borders.

Well, not anymore! Here’s a quick way to get rid of them. Just add the following class to your style sheet and apply it to your form inputs and those scary borders won’t bother you anymore:

.losingFocus:focus {
    outline: none;
}

There you go!

Creating a Realistic Looking Button with CSS3

jayrobinson:

Jay Air has a terrific write-up about CSS3 buttons. He goes in depth to show you what he’s doing and why. These are beautiful buttons—less flashy and more realistic than these “super awesome buttons”.

CSS3 now has such momentum that markup like this must be in your latest designs. Personally, I am just tired of making button sprites in Photoshop. Le sigh.

Creating a RESTful Interface for Kohana3

Matt shows you how to create a RESTful interface using the super awesome Kohana3 framework. Although it doesn’t support HTTP GET, PUT, POST, DELETE as a typical REST-based API does, it provides a very good starting point.

Bookmarking this for later investigationing.