Refresh Austin Refreshes!
Refresh Austin has updated their website and are now proudly displaying their brand new logo. The design puts most of the emphasis on the latest meeting announcement – which is exactly why you visit this site. The design also pushes people towards connecting with the community either on Facebook or signing up for the Google Group and the Jobs Group. Good move since most of the group interaction happens through those venues.
The page also has an easter egg of hotness, WebKit users will see a slight gradient on text. Using a combination of Modernizr and -webkit-CSS3 hotness, you get a sweet fade on the text using an experimental webkit property `background-clip: text;`
.webkitbackgroundclip #featured-post h3::before {
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%,transparent 12%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
content: attr(data-text);
...
}
Good work, Alex Jones (@BaldMan) and company! We’re lucky to have such a vibrant Refresh community here in Austin.


Thanks for the kind words Dave!
I’m glad you spotted the extra Webkit love. It took me a long time to determine how to implement an inset/letterpress effect atop a gradient on text, so it’s good to see it appreciated.