Archive for the ‘Design Technology’ Category

SVG CSS Injection—A Different Approach Towards SVG Rendering

Retina displays are going to drastically change how we design for the web. Vector imagery, most notably SVG, will become a significant tool to display resolution-independent imagery at a reasonable bandwidth footprint. I made the switch to SVG on my site using data URIs a few weeks back and will not be looking back. One thing has gnawed at me when I added the SVGs to my CSS file. It felt wrong to treat those SVGs like a plain images. One considerable strength to SVG is that it’s markup-based. That nagging feeling led me to experiment with a different approach to rendering vector imagery on a website, which I am calling SVG CSS injection. Read On…

Modernizing Hospital Experiences with KUIs

This post was originally posted on the Adaptive Path blog.

Touch screen installations are by no means new. We have been using them in airports and ATMs for years now. With the advances in computing and gestural touch interfaces, we are starting to see them even be considered at the local Ann Taylor. This trend has often times made processes more streamlined and allowed people to interact with information and services in ways that were impossible a few years back. There is a downside to this however, germs. New studies have shown that our touchscreen devices, most notably our iPads are germ magnets. So while we should not be running back to our caves in fear, we need to understand the implications of touch-based interfaces — especially in the context of public environments. One place in particular where touch-based interactions pose a serious hazard are hospitals. The CDC estimates that 1.7 million hospital-associated infections, or Nosocomial infections occur each year with 99,000 resulting in death. When germs are a deadly issue, the last thing you want is to have thousands of people touching the same thing.

Read On…

Font-Embedding Icons: This Is a Big Deal

Update: This process has been refined. Read the blog post which describes the new method in detail.

A little over a week ago, Wayne Helman posted an article proposing the use of @font-face for displaying icons. The article was well-received, but I was honestly expecting more excitement around this idea. From my view, this now seems like the way to set icons in a site. I feel strongly about the potential of this method, so I thought I would take the time to generate a font set for Iconic and to talk about why we should all be using this method for displaying icons.

Read On…

The Off Franklin Tumblr Theme

The decision to offer up all the work related to this site has been as grueling as it has been rewarding. Iconic was a huge hit and has seemed to have helped a quite a few people. The next on the list of tasks was the Tumblr theme. I had previously released a theme based on the old design, but it never quite satisfied my expectations (similar to the prior design as a whole). Therefore, once the blog was redesigned, it only made sense to redesign its Tumblr counterpart – which brings me to the new Off Franklin theme. Read On…

Progress on the Layout Organizers Library

A long while back, I released a layout organizer library for Flash. The whole project was essentially an experiment-turned-released-code-collection and, as expected, there have been some growing pains going forward. I have been taking the time to rethink portions of the library and try to clean up and extend its functionality. One big push forward was the introduction of 3d layouts — however, it did not quite fit in with the prior structure. Well, I am very close to completing a fairly thorough rewrite of the library, which will be released in a less haphazard way. I have come to depend on this library for almost every project I have taken on — it just takes care of so much for you automatically. Read On…