Using CSS3 to control the colors of selected text background

lica@jlr_wp — Wed, 09 Mar 2011 19:04:21 +0000

I came across this the other day and realized that I don’t use CSS3 to change the color of selected text. Why not? I asked myself, it would be very interesting on sites that lend themselves to copy and paste features, like sites with tutorials and code. So, I’m making a mental note of it here.

Here are 25 incredibly useful CSS3 tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS3 tricks that you should know.

View Source

I made my 960 grid larger!!

lica@jlr_wp — Mon, 07 Feb 2011 19:08:29 +0000

I’ve been using the 960 grid system by Nathan Smith for a while. But recently, I realized that 960 px was a little bit small for my tastes. So I revised the 960.css file and made my 960 grid larger. I used @media queries to target a variety of screen sizes. I toyed around with the fluid 960 option, but wasn’t too keen on it. In my opinion, after a screen scales beyond 2’000px it just doesn’t make sense to fill the whole screen. (that’s even after you break the text into columns and float your sidebars double).

I settled onto these widths, because they were divisible by both 12 and 16:

960px
1152px
1584px
1920px

Here’s the file that I am using. I’m sure it needs some tweaking and refining, so comments are always welcome.

thx

Lica’s Grid (zip file)

JLR Entertainment

Using CSS3 to control the colors of selected text background

I made my 960 grid larger!!