{"id":154,"date":"2010-04-19T21:11:43","date_gmt":"2010-04-20T02:11:43","guid":{"rendered":"http:\/\/www.mageuzi.com\/blog\/?p=154"},"modified":"2010-04-19T21:11:43","modified_gmt":"2010-04-20T02:11:43","slug":"new-display-metro","status":"publish","type":"post","link":"http:\/\/www.mageuzi.com\/blog\/2010\/04\/19\/new-display-metro\/","title":{"rendered":"New Display: Metro"},"content":{"rendered":"<p>I\u00e2\u20ac\u2122m going to try and keep this short and sweet so I can get this posted :)<\/p>\n<p>A few weeks ago, it occurred to me that the typography-heavy Metro would work well as a Growl display.&#160; Specifically, the Windows Phone 7 home screen had some potential to be an interesting layout.<\/p>\n<p>I knew that I wanted the application name to be a large font and slightly \u00e2\u20ac\u0153off screen\u00e2\u20ac\u009d, like when you drill down into a section on the Zune.&#160; The rest of the design was a bit harder to nail down though.&#160; I played with a lot of different prototypes, including one that was almost a direct rip of the Windows Phone 7 home screen \u00e2\u20ac\u201c blue boxes and all.&#160; In the end, though, it was too much for something that was supposed to provide subtle notifications.<\/p>\n<p>So I compromised and went greyscale.&#160; I tried to retain the \u00e2\u20ac\u0153blocks of information\u00e2\u20ac\u009d style of Windows Phone 7, but not go too overboard with it.&#160; At this point, I was still considering this display to be just a general-purpose display.&#160; But as I thought about it, I realized the \u00e2\u20ac\u0153blocks of information\u00e2\u20ac\u009d concept would be wasted if it didn\u00e2\u20ac\u2122t do more.&#160; So I decided to extend it to have the same Twitter\/Trowl functionality as my other, Twitter-based display.<\/p>\n<p>A few weeks later, and lots of tweaking and fine tuning later, the first pre-release of the Metro-inspired display is ready.<\/p>\n<p><a href=\"http:\/\/www.mageuzi.com\/blog\/wp-content\/uploads\/2010\/04\/metro_teaser.png\"><img decoding=\"async\" loading=\"lazy\" style=\"border-bottom: 0px; border-left: 0px; margin: 0px auto 5px; display: block; float: none; border-top: 0px; border-right: 0px\" title=\"Metro\" border=\"0\" alt=\"Metro\" src=\"http:\/\/www.mageuzi.com\/blog\/wp-content\/uploads\/2010\/04\/metro_teaser_thumb.png\" width=\"285\" height=\"415\" \/><\/a> A couple of things to note:<\/p>\n<p>You need the Segoe UI font for this to render properly. You might be able to use this display without that font, but I\u00e2\u20ac\u2122m not sure how it would look.<\/p>\n<p>Like TwitterDisplay, the Twitter features show up in Trowl, or any other app that decides to use the same sort of hooks.<\/p>\n<p>This display has all the same features as the current version of TwitterDisplay.&#160; In addition, it also lets you choose the corner of the screen you\u00e2\u20ac\u2122d like the display to appear at.<\/p>\n<p>This is a <strong>pre-release<\/strong> and may have bugs.&#160; Feel free to contact me if you do have any troubles with it.&#160; There are a few more things I want to add to this display before making it final.&#160; But it\u00e2\u20ac\u2122s in a final enough state now to offer it as a preview for those interested.<\/p>\n<p>\u00e2\u20ac\u00a6 And I think that\u00e2\u20ac\u2122s it!&#160; If you\u00e2\u20ac\u2122d like to try it out, you can <a href=\"growl:display*http:\/\/mageuzi.com\/trowl\/metrodisplay.xml\">click here to install it automagically into Growl<\/a>.&#160; If you prefer the hard way, <a href=\"http:\/\/mageuzi.com\/trowl\/MetroDisplay1.zip\">here is a direct link to the archive<\/a>.&#160; Extract it to a folder called \u00e2\u20ac\u0153Metro\u00e2\u20ac\u009d in your user folder where Growl\u00e2\u20ac\u2122s settings and displays live (AppData\/Local\/Growl\/2.0.0.0\/Displays on my machine).<\/p>\n<p>Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u00e2\u20ac\u2122m going to try and keep this short and sweet so I can get this posted :) A few weeks ago, it occurred to me that the typography-heavy Metro would work well as a Growl display.&#160; Specifically, the Windows Phone 7 home screen had some potential to be an interesting layout. I knew that I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,33],"tags":[51,52,34],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/posts\/154"}],"collection":[{"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":0,"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/posts\/154\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/media?parent=154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/categories?post=154"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mageuzi.com\/blog\/wp-json\/wp\/v2\/tags?post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}