Today I will be flying to Poland with the folkrock band ”Hedningarna” for a gig in Warsaw. I’m going to be their FOH engineer. (The guy that controls the sound that the audience hears). This post will not be about sound engineering or about Hedningarna though. It will be about the fact that this little adventure will involve a plane flight from Stockholm to Warsaw. During this flight I will really try out my iPad (and iPhone) as travel companion.

I liked my iPhone from the second I bought it, however I think that my love for it started when I took a long train ride from Arvika to Falun two years ago. I had an Apple keynote video loaded into it and I’d just started using Instapaper. That long boring train ride with poor Internet coverage had never felt fater and less boring.

Now I’m hoping that the iPad will do the same for the plane ride. It’s loaded with a lot of articles in Instapaper, a few comics and some videos from Webstock ’11.

I will revisit this topic (although in a new post) once I’m back from the trip.

Google +Circles: share what matters, with the people who matter most (and with Google).

Apparently Google is about to launch a full scale attack on Facebook with their own social media community. I’m not a Facebook user so I don’t know whether there are any aspects of it that Google obviously would do better. However I can guess that they will have one thing in common, and that’s one of the mail reasons I don’t use Facebook.

The user is not the customer, the user is the product. I always prefer to be the customer.

Here a link to a video and an about page for Google+.

So called ”Social Media Icons”, links to Twitter, Facebook, RSS-feeds, linkedin etc., are everywhere. You can’t possibly have missed them.  They are definitely a big buzz and something that a lot of people want to have on their web sites. A while ago I designed and developed a site called Prinsessans Rockband that among other things needed some social media icons.

At first this seemed like a problem, all though a small one, since I’m first and foremost a developer. I prefer to leave the pixel-craft to others. Sure, I could find some sort of free or semi-free icons online and use them, but I really wanted another solution. I stumbled upon two great things that led me to an idea. The first great thing was Dan Cederholm’s article ”An all CSS button”. It’s a write-up on how to style links to look like real world buttons and is well worth a read.

This got me thinking, maybe I could use CSS3’s @font-face and find the original fonts for some of the social media logos. Especially Twitter, Vimeo and Facebook often use a letter (T, V and F respectively) for their icons. I had previously found the font that Vimeo used, so I started googling. In the process I found the second great thing; The SocialIcons font by ptocheia. It’s a font that replace the letters with the look of popular social media and web company’s logos. It was almost to good to be true.

I combined the ideas from Dan Cederholm’s article with the font and got my social media icons for Prinsessans Rockband. It worked great, but they were removed in a small re-imagining of the layout. However the idea is still useful and I will likely use it more in the future.

One problem with this is the degradation. For some icons is works just fine when the letters shows up in another font. A t in a light blue box is easily identified as a Twitter-logo etc. However, some of them (and a instead of the RSS/Atom-logo for instance) degrades less graceful. So for this article I re-wrote some of the code in order to make it degrade better. For this I used some jQuery-based Javascript and the font-face-function in Modernizr.

Let’s start with the basic html.

The thing worth noting here is the data-attribute for social letter. The data-attribute is one of the many new great things in HTML5. You can read more about it at HTML5 Doctor. The content between <a> och </a> is then replaced by jQuery.

So what this does is it finds every element that has a ”data-social-letter”-attribute, if it is the child of an element with the class ”fontface”. That class is set by Modernizr to indicate that the browser supports CSS @font-face. That means that if my browser doesn’t support this, the original ”Subscribe to RSS/Atom” text will remain and the degradation is thereby sort of graceful. Now all we got to do is set the font and do some styling in css.

The result will look something like this:

So that’s the basic idea and a starting point. I hope it will be useful for you.

A news-story about Apple attempting to patent a technology that will prevent you from filming certain live-events has been floating around for a few days now. Yesterday it started to filter into the swedish press as well. (You can read more about it in swedish at MacFeber and in english at MicroBlogBuzz). Needless to say the haters hate, the tin-foil hats go crazy and the press gets a few ad-clicks more.

So what’s my take on this? First of all, I think a patent and a real world implementation are two totally different things. For all I know this might be a move to mess with another hardware-vendor rather then us customers. I don’t think it can be exactly what the press predicts since the backlash on Apple would be far to big.

Second, interestingly enough I haven’t seen anything about this in neither Macworld nor Daring Fireball, even though these are generally the best sources of Apple news. Sure, the tin-foil hat might say. That’s because the Macworld staff and John Gruber (then man behind Daring Fireball) are Apple fan-boys who wants to cover it up! Anyone with half a brain will off-course realize how stupid that sounds.

And third, Apple is not the devil! (Neither is Google, Microsoft, Facebook or any other large corporation.) It’s a technology company interested in making money by selling hardware and software to people. The things they do aren’t motivated by some evil plan to rule the world. It’s simple business decisions. Stop seeing every move by a big company as something inherently evil.

In this blogs very first post I mentioned how I tried to differentiate the various projects I’ve got going. This blog should be my main blogging platform for tech related stuff, with the occasional guest appearance of my other interests. The part of my old web site that was dedicated to my small one-man business was to be moved to another location. Also my music [would] find it’s own place. The time for this place-finding is now.

A few days ago I purchased a few domains. One of them was, the new home for my music. Synvila has been my monicker in music-making for the past two or three years (during which time I haven’t written much music). It’s a tongue-in-cheek misspell of the swedish word synvilla which means mirage. The music is melancholic pop/rock songs. For the past couple of years I’ve been writing all my lyrics in swedish, however I think that is about to change now.

That said, now it is time to actually make a web site to put up at Right now it’s just a temporary page with links to my SoundCloud-account.


Inspired by the recently launched second season of the podcast I’ve decided to use this blog as a public eye into my design and development process. In order to have some sort of structure in my work (working for myself is usually very sporadic and messy) I’m planning to loosely follow the work-flow that’s presented in that podcast. Hence I will start with the purpose of, the so called Business objective, Success criteria and Calls to action. (If any of these words seems strange or unknown to you and you are curious about them I’d advice you to listen to the boagworld podcast and read as much as you can from that blog. It’s really great stuff for anyone who designs, develops or runs web sites.)

The Why and How

This is always hard to admit when it comes to any kind of personal web page. Off-course it’s mainly rooted in some sort of egomania. I make music because it makes me feel good and I spread it via the web because I want people to take notice of my work. If I could earn some money on it that would be just great, because things I get paid for I can consider work and therefore spend more time doing. If not, thats fine too because I want listeners, that is really the main objective, the money-part is just a possible (but improbable) bonus.

In order to at least enable myself to make a few dimes on the music (and also expose myself to a bigger audience) I plan to put some of my music up on iTunes Music Store and Spotify.

Business objectives

So here’s the why as a list of business objectives, in order of prioritization.

  1. Increase the reach of my music/build my personal brand
  2. Get people to download and listen to my music
  3. Get people to pay for my music

Success criteria

Setting up these objectives would be pointless if there where no way to measure whether they’re successful or not, so here’s a list of ways to do that.

  1. A rise in the number of downloads of my music.
  2. Increase the number of my twitter-followers and people tweeting about my music (hash-tag #synvila).
  3. A rise in the number of scrobblings on
  4. A rise in the number of purchases in the iTunes Music Store.
  5. A rise in the number of listenings on Spotify.

Most of these will be hard to measure because my music has been spread in so many places and I’ve been bad at collecting the statistics. The number of iTunes-purchases and Spotify-streamings can of course only go up since they are zero now. To get some kind of statistics to compare the results of the new site with I will look at my number of listeners on and MySpace, my number of downloads from the same services and from my old podcast-feed.


Right now @synvila is my catch-all twitter-account. There I write about anything and everything from my life and link to a lot of other content. I will have to make a choice whether to continue like that or to start a new account for the music.


As of this blog post I have decided to consider MySpace dead. My old MySpace-page will be kept, but its sole purpose will be to link to

Calls to Action

In order for the visitor to accomplish my success criteria and my objectives to be met I need to provide some sort of calls to action. This is a prioritized list of what they will likely be:

  1. Subscribe to updates via RSS (or maybe e-mail).
  2. Follow me on twitter/SoundCloud (and maybe Vimeo?)
  3. Download tracks
  4. Twitter about the music
  5. Purchase in iTunes
  6. Listen in Spotify

The reason I put subscriptions and followings at the top two spot is that I want people who listens/downloads/purchase more than one song. This also helps fulfilling the first objective; Increase the reach of my music/build my personal brand.

A few things

The design process of the site will mostly be done in the browser. I’m not primarily a designer and my Photoshop/Fireworks skills are virtually none existent. As a matter of fact, I don’t even have a copy of Photoshop.

The site will probably be based around either WordPress or Perch as CMS, though I will try to do as much integration with other services, primarily SoundCloud, as possible. The bulk of the code that I will produce in this process will likely be available on github (MrHenko).

Let’s wrap this thing

That’s all folks. With this as ground-work I will start working on The process will continue to be documented here in the blog. I don’t know whether it will be a quick or slow process. Right now I feel very inspired and want to get to it, but life have a tendency to come up with other things that needs attending.

I’ve just fixed the font-rendering for this site in Chrome and Firefox for Windows. I believe the problem had something to do with the @font-face-implementation in the various browsers and/or various font formats in different operating systems. The @font-face-code that I know use is from Andy Clarke’s book Hardboiled Web Design and from en article by Paul Irish called @font-face gotchas. I will likely write a longer blog post about this later but for now, here is the code I used.

@font-face {
font-family : "Regular";
src : url("fonts/Bergamo/BergamoStd-Regular-webfont.eot");
src : local("☺"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.svg#Regular") format("svg"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.ttf") format("truetype"),
url("fonts/Bergamo/BergamoStd-Regular-webfont.woff") format("woff");}

I spend a big part of my life with my iPhone headset on. For the last six months or so most of that time has not been about listening to music, it’s been about podcasts.

My podcast craze started last summer when I discovered, just as it took a break from regular production. The addiction was furthered as came into my life. I could write a whole post about why Boagworld and various 5by5-shows are awesome, but I won’t. Not now anyway.

In the beginning of my podcast listening i was perfectly happy with the podcast feature in iTunes. When I browsed through Boagworld’s extensive back catalogue it was easy to just download huge chunks of episodes on my Mac and sync it to the iPhone. However as I started listening to more and more new podcasts the tethering of the iPhone to the computer started to feel more and more annoying. Enter Podcaster for iPhone.

Everything that iTunes does, Podcaster does better. It also does a whole lot of stuff that iTunes doesn’t, primarily keeping good track of my subscriptions, let’s me chose whether I wan’t to limit my downloads to WiFi connections only or not (regardless of file size) etc. It also keeps a handy archive of podcasts to browse through. (Yes, off course you can add any podcast to your list simply by entering the RSS-feed URL of the podcast.) And it also gives you push notifications whenever a podcast you’re subscribing to has been updated (highly customizable).

Do you listen to podcasts and own an iPhone? Then it’s a no-brainer in my book. Visit or head straight to the App Store and buy Podcaster!

Joost de Valk wrote a good article the other day called ”Archive SEO: archive by topic, not by date”. (My skepticism for the term SEO will be discussed some other time, however Yoast is good at what he does.) I followed his advice from the article, so now this blog uses tags to order old posts by topic and content, not date.

A few days ago Apple opened its WWDC with a keynote showcasing some of the news in iOS 5OS X Lion and the semi-new service iCloud. One of the features that was announced was Safari Reading List, a special bookmarks folder inside Safari where you can save pages for later reading. This is more or less in direct competition to one of my very favorite iOS apps; Instapaper.

If you by any chance haven’t heard of Instapaper, here is a quick explanation. Instapaper let’s you save articles from the web to a list of things to read later. You can do all your reading for free on, or you can buy (for $5 i think) the iOS app that also downloads the articles you saved so you can read them offline (perfect for people like me who chose the WiFi iPad).

I could go on and on about the greatness of Instapaper because it’s an app and service that is absolutely essential to the way I browse content on the web, but I won’t. There’s however one more thing I have to explain about Instapaper before I get to the point of this post and that is the way you get articles to Instapaper. Thera are a few different ways to do this. The most important ones (according to me, off course) is:

  • Copy a URL and when you open the app it will ask if you want to add that url to your read later list.
  • Use a bookmarklet in your browser to send your current page to the read later list.
  • Use Instapaper’s API.

Safari Reader uses more or less the same approach as the second point. Though not a bookmarklet it will be a special menu alternative inside Safari. The first item in my list is not really something that the user of Safari Reading List will miss since it is not necessary because Reading List is inside Safari. You do not interact with another app.

For some people this might replace the functionality of Instapaper. Marco Arment, the creator of the Instapaper software and the owner of Instapaper LLC (and also the host of the brilliant 5by5 podcast Build and Analyze) has commented on it, both in his blog (link to Marco’s blog post), in his podcast (link the the episode ”Circling Birds”) and in some other tech related news. He brings up a lot of valid arguments why Safari Reading List might actually prove to strengthen his business. However I think he misses one very important feature where Instapaper will likely kick Reading Lists ass; The API.

The Simple Instapaper API allows third-party applications to add URLs to Instapaper.

And a lot of third-party applications on iOS and OS X does this. As far as I know every respectable RSS-reader or Twitter-client (again on iOS and OS X) is integrated with Instapaper via the API. Whenever you stumble upon an article in you RSS-feed that is too long to read right now, just send it to Instapaper. When you browse you Twitter-stream and find a link to an article but haven’t got time to follow the link, send it to Instapaper. Especially for twitter this is great for me since I usually check my twitter-feed when I’m on the go or have a few minutes break. It’s enough time to see what’s new, but not to do any quality reading. (Yes, I know that by now I’m starting to sound like an Instapaper commercial.)

So that’s that. Quite a lot of text to make a small point; Instapaper’s API is it’s best feature compared to Safari’s Reading List, for me and probably for a lot of other geeks.

A few days ago I saw a video showcasing Windows 8. I think it’s a week or two old but to me it was news. (You can watch the video here.)

I must admit I am a bit impressed. It’s been a long time since I used Windows a lot, and an even longer time since it was my one and only operating system. However, this demo really got me curious. I’ll most likely not switch back to Windows, but I see a silver lining for Windows as a platform, even greater that the light in the tunnel that Windows 7 seems to be.

After watching the video from the WWDC keynote I must say OS X Lion shows great promise. However it seems like most multitouch gestures are backwards compared to the same functions today. That means it will probably take something like a week to get adjusted and back in the flow. Well, that’s what holidays are for.

For the past weeks I’ve been using Adobe Connect quite a bit, and the fact that it drains my battery and makes my computer hot as a frying pan pisses me off. More whining is likely to come.

Yes, this is indeed a new blog. For the past years I’ve been running a combined blog, personal website and company website at The blog mixed personal posts with company related posts, web stuff with sound engineering and everything mixed with the occasional release of a song written and recorded by me. Needless to say things have been a bit messy.

Last summer I made a big attempt at clearifying what was what by a site redesign and by making more use of categories in my CMS ( It sort of worked. For the reader it was hopefully clear that different content belonged to different parts of the site, however to me it was still messy. I felt I had problem structuring the things I wanted to write. It was hard to really find an appropriate category for much of the techy stuff. My interest in the site and the old blog has also faded a lot the last six months.

My solution? Start over!

So here we are. A fresh blog with at fresh design. It will from now take over as the place for my mostly tech related musings. My posting will most likely be very sporadic so I highly recommend you subscribe to my RSS-feed or start following my feed twitter account, @synvila_RSS.

If you are a previous reader of my old blog you will also noted that I’ve now chosen a different language. I’m born and raised in Sweden so my native language is Swedish, however in a vain attempt to gain more readers I’ve decided to write this blog in English, hence some poor grammar here and there.

What about the old sites/blogs content?

For now the old site and blog will remain at, but is will change some time during the summer. The company part will likely be moved to another domain, the music will find it’s own place and this blog will most likely be what ends up on the frontpage.

What about comments on this blog?

As you’ve probably already seen there is no comments section available on this blog. This might be subject to change but right now it is not a priority to get a lot of short comments. Trackbacks on the other hand will be displayed shortly, so if you want to comment something, feel free to do it from your own blog. If you don’t have a blog, you are also free to e-mail me (address can be found in this pages footer).

Work in progress

This blog, and especially the theme that powers it, is very much a work in progress. This means you as a reader will probably see some minor changes in design and features as the blog grows older. I’ve chosen to do this while the site is live instead of waiting to release it until everything is finished an meticulously tested. I hope it’s more fun this way.

So with that said, I now declare my new blog officially opened.

Nu var det (som vanligt) alldeles för länge sedan jag bloggade. Sist jag skrev ett inlägg så berättade jag om en pågående omkodning av sidan, som ändå skulle se ungefär likadan ut för dig som läsare. Så blev dock inte riktigt fallet. Istället har jag startat en helt nu blogg där jag till största delen kommer skriva om teknikrelaterade saker. På denna blogg kommer jag dessutom att skriva på engelska.

Så utan att säga så mycket mer så välkomnar jag dig till den nya bloggens adress