This is so simple, and doable
I made a font out of the icons I’m proposing for future versions of WordPress. Here’s how I did it:
Designed them in AI CS6. Preferences set like this:
Then I created a new font in Fontlab 5, with metrics set like this:
I copy/pasted each icon-the shape and the invisible bounding box- into a separate glyph in fontlab. I tried to make it intuitive; “a” is appearance, “d” for dashboard. “p” was problematic; posts, pages both have p.
After I generated the otf file, I used @font-face to embed it on a test page. I set a base size to 62.5% and set the icons to 2.0em; effectively rendering them at their native 20×20 pixels. The key thing is the -webkit-font-smoothing:antialiased property in the css. Without it, they look like garbage. They pretty much look like garbage anyway in firefox/opera, and I have no clue how to get them in IE. But in webkit it’s gold.
I’m trying to get the whole thing on github since I guess that’s what you’re supposed to do, so stay tuned…
Hot tub 104, and its 14 out
Sleeping in a 50° room piled under blankets
Dead silence when you want it
Sweater collection
Boot collection
This was one of the first techniques I learned when I began art school, back in fall ’89.
It was eye-opening. For the first time, I wasn’t responsible for every nuance that came along. The surface dictated what marks were left. Suddenly, I felt a sense of freedom from that burden of decision in art; micromanaging every line, discrediting hours of work based on unsound logic, those things were no longer mandatory.
I never recognized the role this technique played in my development as an image maker. Maybe the school I attended (SUNY Buffalo) was enamored with stuff built with frottage, or maybe it was the current “flavor of the day” in the academic art world. I never stopped using it, though.
Media queries are firmly established methods for serving custom experiences based on the media being used to access content.
However, there’s no way to an experience based on the context being used. How crazy would it be would it be if this were possible?
Imagine some code that went like:
@context (currently-traveling:yes AND role:driver)
{ * {display:none;} } /* hide app from a distracted driver }
That’s some scary stuff, privacy-wise, but you know if it were possible people’d be writing it. But just think of what you could do with
environment:outdoorsor
noise-level:loud
You can download this file and use it as a starting point when designing plugin icons, so that they resemble the default set in WordPress’ admin area. Copy and paste the effect applied to the rounded rectangle shape to your own vector shape in Photoshop.
I wish < and > were keys on the keyboard.