Now excitingly including ShareOpenly
Jon posted about his icon design for ShareOpenly, so I decided to add it to my blog too.
Jon posted about his icon design for ShareOpenly, so I decided to add it to my blog too.
Dan Cederholm has been designing a stylish interrobang (‽) for his next new typeface and tweeted that he needs to learn how to type one. John Gruber replied with his suggestion using text replacement in MacOS. I use a similar solution using aText to make typing these unusual characters easier.
For the past six months, I’ve been designing, writing, and presenting a series of Inspired Design Decisions articles and webinars for Smashing Magazine. These have been brilliantly well received and I wanted a regular project to experiment with new designs.
Looking back, I’ve redesigned this website roughly every three years. Today I’m proud to show you the new Stuff & Nonsense.
The Official Movie site for Dawn Of The Planet Of The Apes has launched and, chattering chimpanzees, is it a piece of work! As if I weren’t excited enough about the film. It’s not released until July 2014 but the site gives fans a taste of what’s happened since the end of Rise.
I know I’ve talked about Ghostlab a lot on Unfinished Business and mentioned it a fair few times on Twitter. This isn’t just because its makers Vanamco have sponsored the show. No, I use Ghostlab almost everyday and it’s really made my designing responsive websites much more convenient.
As Ghostlab is an app for the Mac, often when I tweet about it I see people complaining that it’s not available for Windows. Well quit your whining Windows users, because today Vanamco have launched Ghostlab for Windows!
Ghostlab for Windows has a new interface and is available in both 32 and 64 bit versions. There’s even a free seven day trial and a licence costs just $49 US.
Ghostlab for Windows may be just what you were ho, ho, hoping for.
My Responsive Web Design workshop at Smashing Magazine is getting closer and some tickets are still available. In the meantime, here are three useful new resources for responsive layout using CSS3:
We know that it’s only web designers who habitually resize a browser window to see if a site’s responsive. But why not reward their dedication with a little something special? Add this to your stylesheet:
@media only screen and (min-width: 960px) and (max-width: 970px) {
body {
-webkit-transform : rotate(180deg);
-moz-transform : rotate(180deg);
-o-transform : rotate(180deg);
transform : rotate(180deg); }
}
This could be the most essential CSS3 media query you’ll need today.
This couldn’t have come at a better time (for me.)
Jessica Hische made Quotes & accents (& Dashes). Remembering keystrokes for these characters is hard, but for me remembering character entities is downright impossible. So I made TextExpander do the remembering for me. Here’s how I did it:
You should know by now that I’m a huge fan of Hammer For Mac. I couldn’t and wouldn’t start a project without it as I’d miss its variables and partials and includes too much. I like Hammer so much I moved from LESS to Sass because of it.
If you’re a CodeKit user — and many are — you can get some of Hammer’s functionality in that too. I haven’t had the need to try CodeKit and The Kit Language myself yet, so I’d be keen to know if you have and what you think? Let me know on Twitter @malarkey.
Testing on all versions of Internet Explorer will be much easier from now on thanks to their new suite of testing tools, modern.ie.
The included tools look impressive on their own, but the website is also full of helpful information. Scanning this site revealed not only that I’m running an outdated version of jQuery but that I can help Windows 8 touch users simply by adding canvas {
-ms-touch-action: double-tap-zoom;}
. Handy.
If you don’t develop on Windows (I don’t) Microsoft are offering three months BrowserStack virtual testing free. I’m baffled by the fact that to get the free offer I have to login using a Facebook account (that I don’t have,) but BrowserStack have their own (shorter, I think) free trial.
Hats off to Microsoft. modern.IE may just let me ditch the 63Gb of virtual machines I use just to test Internet Explorer.
Good work by Brett Jankord:
You can replace, the min–moz-device-pixel-ratio, the -o-min-device-pixel-ratio with a resolution media query. You can also just remove the unprefixed min-device-pixel-ratio.
After I boasted how nice my site looks in IE10 on a Microsoft Surface tablet (it really does), Grant Hutchinson thought he’d put it through its paces on an Apple Newton MessagePad 2100. Turns out it’s not too shabby.
Speaking of proprietary Apple meta elements, here’s a little gem for labelling a site’s home screen icon on iOS.
You might think — because all the talk at the moment is about seven inch tablets, in particular the iPad mini vs Google’s Nexus 7 vs Amazon’s Kindle Fire HD — that a seven inch tablet was a seven inch tablet was a… Right? Wrong.
There’s been a lot written about device testing over the last year. Jeremy instigating open device testing labs has rightly generated a lot of column inches like Smashing Magazine’s Establishing An Open Device Lab. However, I think we need to be clear just what we mean by testing.
Brad Frost mentioned Mobitest during his talk last week at Smashing Conference. I’ve becoming more aware of performance issues these last few months, and tools like Mobitest can only help me do better. (This site’s home page, crammed full of retina quality bitmaps, weighs in at 649.36kb and 10.22s average load time. I need to halve that. At least.
Thank-you to everyone who tweeted and emailed about the site. The reaction was overwhelmingly positive. More than I’d hoped for. And I’d hoped for a lot. Some of the comments came with bugs I need to fix and suggestions for improving the site and its performance overall. I’m really grateful for that. A little bit of follow up from yesterday’s site launch.
Hello. I’m Andy Clarke, a well-known website designer and writer on art direction and design for products and websites. I help businesses to deliver engaging customer experiences and unique designs.
Hire me. I’m available for coaching and to work on design projects.