M. Ritter

Black & White With CSS Filters

admin — Thu, 29 Mar 2012 21:18:24 +0000

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);
}

CSS Refresher: Opacity in IE

admin — Thu, 29 Mar 2012 14:03:08 +0000

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?

Device-Agnostic Approach To Responsive Web Design

admin — Sun, 25 Mar 2012 22:26:49 +0000

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

Under The Hood Addition to WordPress 3.1.1

admin — Wed, 14 Mar 2012 17:42:40 +0000

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.

CSS3 Saves Again

admin — Sat, 10 Mar 2012 22:29:00 +0000

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

Community: LUNA

admin — Tue, 06 Dec 2011 21:18:07 +0000

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!

LUNAMUSIC.NET

Events: First Friday

admin — Tue, 06 Dec 2011 21:15:37 +0000

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:

http://www.idada.org/first-friday-map/

Favorite Meal: Spicy Garlic Shrimp Fettuccini

admin — Sun, 04 Dec 2011 21:08:26 +0000

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.

Favorite Read: Last year I killed a man

admin — Sat, 03 Dec 2011 21:02:05 +0000

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

Favorite Music: Bon Iver

admin — Fri, 02 Dec 2011 16:00:12 +0000

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.