Needed a quick way to do a nice rollover effect with images today. The image needed to be grayscale, and then turn to color on hover. Turns out, there’s a great solution to that user the filter property. See below.
img {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
img:hover {
filter: none;
-webkit-filter: grayscale(0);
}
Working with opacity can help you do some really cool things with CSS, especially with images and the use of CSS3 transitions. A thing to remember is that it will not work correctly in Internet Explorer (surprise, surprise!). IE’s CSS uses “filter” instead of opacity, so the expected CSS values are different. The filter opacity values range from 100 (100% visible) to 0 (invisible). It turns out to be very easy to deal with. Here’s an example that sets the opacity to 80%, it works in IE (filter) and others (opacity):
.change_opacity {
opacity: 0.8;
filter: alpha(opacity = 80);
}
Simple enough, right?
Fantastic article on Smashing Magazine by Thierry Koblentz (developer at Yahoo!). He has a very interesting, fresh perspective on responsive designs, and “how we can rely on media queries and breakpoints without any concern for devices.”
is_main_query()
This handy method has been added to the WordPress core, and will tell you if a WP_Query object is the main WordPress query or a secondary query. You read more about it in the WordPress codex.
.element{
box-sizing: border-box;
width:200px; //width will stay 200px
padding:20px;
}
Box-Sizing is my new best friend. Now, we no longer have to hate the padding-width relationship. Thanks, Paul Irish (click through to read).
This feels like a third home, after my home and office. It’s a great place to find new music, meet new people, and run into old friends you haven’t seen in ages!
One of the best events in Indianapolis is First Friday. It goes on all year, and it takes place on the first Friday of every month. Basically, it is “a self-guided tour around the Indianapolis downtown area that is free and open to the public.” One of the coolest spots is at the Murphy Art Building in Fountain Square. It’s definitely something everyone in Indianapolis should definitely check out. More information here:
Just recently I went to Mesh on Mass Ave. I’d been there before, but never had tried this dish: Spicy Garlic Shrimp Fettuccini.
I was blown away. It includes roasted tomatoes, smoking goose andouille sausage, green onion, shrimp, and crostini. It’s utterly fantastic, and will definitely have me going back to Mesh again very soon.
At 9.45am on Saturday, June 23 2007, I killed a man. A perfectly ordinary man, on a perfectly ordinary summer's day. CCTV pictures show him entering the station, unremarkable among all the passengers going to the West End.
This “experience” articles from The Guardian is one of the more moving reads I stumbled up on this year. Written by Vaughan Thomas, this article gives you look inside a man who’s live changed forever over something he had no control over.
http://www.guardian.co.uk/lifeandstyle/2008/jul/19/healthandwellbeing6
This year marks another year of stunning music. Boy, I love music, and it’s getting even more exciting with apps like Spotify.
Nonetheless, Bon Iver released Bon Iver, Bon Iver this year, and it’s the type of album that completely surrounds you & sucks you in. It’s a masterpiece in it’s own right, inside and out, and can only be fully appreciated on vinyl (the artwork is stunning). I recommend this album to anyone who loves music and true musicianship–of any kind.
Check it out for yourself on Spotify.
Oh, and his full band played the Murat Theater in Indianapolis on July 25th of this year, and took my breath away. One of the best live performances I have ever seen.
