Henrik Carlsson's Blog

All things me.

Animation with CSS Transitions Made Easy « Aza on Design

posted this on and tagged it with Code HTML5/CSS3 Links Web Design and Development

This is a good (although old) article on CSS Transitions. Especially the following caught my attention:

You can even add an event listener to detect when the transition has finished:

I haven’t read anything about this in any of the other bazillion articles about CSS transitions that is out on the web. Sound interesting to me.

More iteration

posted this on and tagged it with Web Design and Development

The iteration of this sites design is slowly progressing. Out of the four points I presented in my original post about the design update, one is now complete and the others is in progress.

Iteration part II

posted this on and tagged it with Status Web Design and Development

The other day I wrote a post about some things that needed to be changed on this blog. That change-process has now begun. Some content has been removed from the content area and moved to the sidebar.

Iterating the design

posted this on and tagged it with About the blog Web Design and Development

As I wrote earlier today, this blog needs some sort of design re-make in order to better distinguish the actual post content from all other page content.

What to do?

This is a list of what I think needs to be done.

Apart from that I should also spend some time making it more responsive, since right now it’s more of an adaptive design.

Replies and comments

Time for some redesigning?

posted this on and tagged it with About the blog Web Design and Development

When I made this blog a couple of months ago I hoped that the no nonsense, text only design would be great for readability. However, this seems to not be quite true. I feel the content is hard to separate from the sidebar, footer and everything else. I guess it’s time to slightly rethink my design of the blog.

Replies and comments

New 5by5 podcast – The Web Ahead

posted this on and tagged it with 5by5 Links Podcasts Web Design and Development

The great 5by5 podcast network has recently launched a new show called ”The Web Ahead. It is

A weekly podcast about changing technologies and the future of the web, discussing HTML5, mobile, responsive design, iOS, Android, and more. Hosted by Jen Simmons.

The first episode was published last week and featured Peter Lubbers who told us a great deal of information about web storage/local storage/web databases etc. and I thought it was awesome. This weeks episode is a long talk with Ethan Marcotte about ”Responsive Web Design”.

I highly recommend you all to start subscribing to this (and all other great 5by5 shows).

Designing and developing a new website for my music

posted this on and tagged it with Podcasts synvila Web Design and Development

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 synvila.se, 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 synvila.se. Right now it’s just a temporary page with links to my SoundCloud-account.

Inspiration

Inspired by the recently launched second season of the Boagworld.com 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 synvila.se, 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 last.fm.
  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 last.fm and MySpace, my number of downloads from the same services and from my old podcast-feed.

Twitter

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.

MySpace

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 synvila.se.

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 synvila.se. 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.