Category: design
Not only for designers, but also developers who get the opportunity to provide input to the design process.
Not only for designers, but also developers who get the opportunity to provide input to the design process.
So, it’s a couple of days since the launch of the first beta of Google’s new browser, Chrome, and the hyperbole has died down a little. After using it for a few days, I want to look in a little more detail at some of its features — more specifically, its interface and usability. Luckily, Google have provided user experience documentation (for Chromium, the open source project) to make this easier.
Mark Boulton Design have been selected to redesign drupal.org, the website of the Drupal CMS. I’m a big admirer of Mark’s writing about design and typography, and I think it’s exciting that a big open-source project is going in this direction.
Now, if we could get him to design the Drupal user interface (as Veerle Pieters is doing with Expression Engine), that would really be something.
I’ve been doing quite a lot of site mapping recently, and looking for a way to escape the standard boxy top-down view. In searching for examples of different ways to present the information, that are pleasing to look at but still immediately convey meaning, I found a number of interesting examples.
Below are the pick of the results, along with a few that don’t quite work, and some old standbys. I wanted to include images to illustrate this, but in most cases the license didn’t allow.
Some search engines, particularly on content management systems, give a percentage figure for the relevance of a result to your search term. When viewing a lot of results on a page, the figures can tend to run into one another and be hard to quickly distinguish.
This was the case with a client site I’m building using CMS Made Simple at the moment, and the results page suffered from a lack of clarity. Thinking of a way to simplify the page, I remembered the old adage “a picture is worth a thousand words” and hit upon the idea of using Google’s Chart API to replace the figures:
When building a small site or blog template with a grid-based layout I find ‘CSS frameworks’ such as Blueprint and YUI Grids are overkill; they contain a lot of extra CSS rules which I don’t use. They are (in the vernacular) like using a sledgehammer to crack a nut.
What I do instead is much simpler; I use an extra stylesheet just for testing, and a single PNG image tiled across the background.
As is customary (or as customary as ‘twice’ can be), here is a quick round-up of the sessions I attended at @media this year, with links to slides where available (which, as I type this, is pretty much unavailable).
Sessions which I found particularly interesting should be covered in more detail later, and I’ll update here as I find more presentations.
For no particular reason other than idle curiosity, I made a demo of a broken neon sign, using CSS Animations (you’ll need Firefox 5, Safari or Chrome to see it). It doesn’t degrade well at the moment, the root cause of which is down to what I think is a bug in Firefox’s implementation — I’ll need to confirm that.
One quick learning from making this: it would be really useful to have CSS Mixins when using a lot of repetitive keyframes, as I do in this animation. The W3C seem to be quite against them, however.
[#] 3 Comments