Health Quality Ontario wins Silver 2013 W³ Award

Silver 2013 W³ Award

Not one, but two awards were won by the HQOntario.ca website. In addition to the prestigeous Summit Awards, the W³ Awards Silver Award honors creative excellence on the web, and recognizes the creative and marketing professionals behind award winning sites, videos and marketing programs. Simply put, the W³ is the first major web competition to be accessible to the biggest agencies, the smallest firms, and everyone in between. Small firms are as likely to win as Fortune 500 companies and international agencies.

The W³ is sanctioned and judged by the International Academy of the Visual Arts, an invitation-only body consisting of top-tier professionals from a “Who’s Who” of acclaimed media, interactive, advertising, and marketing firms. IAVA members include executives from organizations such as AvatarLabs, Big Spaceship, Block Media, Conde Nast, Coach, Disney, The Ellen Degeneres Show, Estee Lauder, Fry Hammond Barr, Microsoft, MTV Networks, Polo Ralph Lauren, Sotheby’s Institute of Art, Victoria’s Secret, Wired, Yahoo! and many others.

I had a large hand to play in the development of the website, and I am so very happy to have received another award for the hard work I contributed to this project.

Health Quality Ontario Website Wins 2013 Summit Creative Award

Photograph of Mike holding award. Inset zoom detailed award.

Health Quality Ontario was the recipient of the Silver Summit International Award in the Government Website category. Summit International Awards recognize “best in class” creative and communications excellence. HQO’s site competed with over 5,000 submissions from 23 countries. I am very proud to have received this award; it is a reflection of the hard work and dedication I put towards designing and developing something useful and engaging for all citizens living in Ontario. I’d like to thank my colleagues at HQO for their patience and assistance with making this project what it is today.

If you haven’t had a chance to check the website out, go here:
http://hqontario.ca/

Welcome to Health Quality Ontario–a website by Mike Kormendy

As HQOA years worth of design, programming and collaboration comes to the forefront. I couldn’t be happier to have produced something as complicated and successful.

We’ve finally launched our website.

A year’s worth of design, programming and collaboration comes to the forefront. I couldn’t be happier to have produced something as complicated and successful. With the help of my colleagues at HQO, we were able to populate over 1000 pages of content into a refreshed bilingual format for the web.

I documented my design process and construction throughout the project and plan to organize that into a post at a later time. In that process I broadened my knowledge and added a lot of experience to my repertoire in the realm of Microsoft based server technologies such as .NET, C# and the CMS framework DotNetNuke. I am proud to launch this website to the public and I hope this can be a useful tool of information for everyone in the future.

Please visit my efforts: http://www.hqontario.ca

Find Out About Ontario’s Long-Term Care Homes

Today, Health Quality Ontario’s Long-Term Care Public Reporting Website was refreshed with home-level data for all 630+ long-term care homes in Ontario. This is a first for the province – in fact, HQO now hosts the most comprehensive long-term care public reporting website in Canada. Any member of the public who is interested in long-term care quality in Ontario can go to the HQO website, look up a home of interest, and review that home’s performance on falls, pressure ulcers, incontinence, and restraints. Updated results for 9 of the 12 provincial-level indicators we report are also available as of today.

I’m very happy to have played an instrumental role in bringing the project this far, what started out as a simple design refresh, became an integrated team effort of success with many colleagues at Health Quality Ontario.

Please Visit: http://www.hqontario.ca/en/reporting/ltc/

Proper MIME types for Embedded @font-face Fonts

There are a number of font formats that one can set MIME types for, on both Apache and IIS servers. I’ve traditionally had luck with the following settings.

Article Update: August 16, 2013

Article Update: October 1, 2012

After some exhaustive research, I managed to find the best server settings for serving web fonts. This article replicates my comment in reply to this question on the Stack Exchange forum.

There are a number of font formats that one can set MIME types for, on both Apache and IIS servers. I’ve traditionally had luck with the following:

svg  as "image/svg+xml"
ttf  as "application/x-font-ttf" or "application/x-font-truetype"
otf  as "application/x-font-opentype"
woff as "application/font-woff" (per my August 16, 2013 update below)
eot  as "application/vnd.ms-fontobject"

According to the Internet Engineering Task Force who maintain the initial document regarding Multipurpose Internet Mail Extensions (MIME types) here: http://tools.ietf.org/html/rfc2045#section-5 … it says in specifics:

It is expected that additions to the larger set of
supported types can generally be accomplished by the creation of new
subtypes of these initial types. In the future, more top-level types
may be defined only by a standards-track extension to this standard.
If another top-level type is to be used for any reason, it must be
given a name starting with “X-” to indicate its non-standard status
and to avoid a potential conflict with a future official name.

As it were, and over time, additional MIME types get added as standards are created and accepted, therefor we see examples of vendor specific MIME types such as vnd.ms-fontobject and the like.

Update October 1, 2012: I’ve been in touch with some of the people at Monotype and Extensis who watch the W3C www-font listserve. Vladimir Levantovsky from Monotype mentioned to me that the media type “application/font-woff” has been discussed and approved by the W3C WebFonts WG, and as such is now the part of the WOFF spec. However, to the best of his knowledge, it has not yet been registered with IANA. Thomas Phinney from Extensis mentioned as well that he was recently discussing this among the engineering staff at Extensis the other day, and the conclusion was that having a real, dedicated MIME type for WOFF and fonts in general would be a good thing, from their point of view.

Update August 16, 2013: On January 3, 2013 the WOFF MIME Type was formally registered as application/font-woff with IANA. Consequently, Webkit has been updated and browsers that incorporate this Webkit update (e.g., Chrome and Safari) will likely be showing an error that displays something like: “Resource interpreted as Font but transferred with MIME type application/x-font-woff: /location/of/font.woff” in your Developer Tools Code Inspector. To fix this, you need to change the media type on your server to “application/font-woff”.

Since the warnings are only annoying I would recommend switching to the approved MIME type right away. In an ideal world, the warnings will resolve themselves in time.

With that said, we may see an entirely new set of protocols for servers serving web-fonts, which may include things like security, management and new architectures for font storage on the server side. Stay tuned!

Separate WordPress dashboard URLs for multisite domain mapped sites

I have multisite and domain mapping setup on my WordPress.

I’m hosting one of my friends websites on it and want to have the experience as close to a separate install as possible.

I have the main site going to http://website1.com/ and when I want to administer that site, I just visit http://website1.com/wp-admin/

However, I have a sub-site, domain mapped to http://website2.com/ and I want to administer it within the domain realm http://website2.com/wp-admin/

For the most part, http://website2.com/wp-admin/ works when entered into the browser, but immediately redirects to http://website1.com/website2/wp-admin/ and any subsequent pages fall under that structure.

How do I get the subsequent structure of admin pages to appear to come from http://anotherwebsite.com/wp-admin/ and not http://somewebsite.com/anotherwebsite/wp-admin/ ?

Well, after a lot of searching on google with different query terms, I finally found out that there is a setting in the domain mapping that already does this.

The following link explains it a bit better:
http://wordpress.org/extend/plugins/wordpress-mu-domain-mapping/installation/

Summary:

  1. Go to Network Admin > Dashboard > Settings > Domain Mapping
  2. Under Domain Options, uncheck #1 (Remote Login)
  3. Under Domain Options, uncheck #4 (Redirect administration pages…)

That should do it.

Additionally, I enabled option #2 and #3 and unchecked #5.

This makes sure that:

  1. search engines recognize the redirect as permanent 301 (not temporary 302)
  2. the users have access to the domain mapping settings in wordpress
  3. if you have various domain names mapped to one of the sites on your network (they act like separate aliases or sites), unchecking #5 will make sure that they act like one site by redirecting them to the primary domain name mapped for that site on your network.

WordPress injection attack, JavaScript code disables site.

The other day I found this piece of code in many of my JavaScript files on a WordPress installation I had running. This code disabled my website, but I was more curious how the code was injected to every JavaScript file that I had running for the various plugins and scripts I made for the website. If anyone has any knowledge about injection attacks and is running some code scanning, be sure to look for parts of this in your files:

Bad JavaScript Code [PDF]