My blog - samuli.hakoniemi.net

This blog is about Web Development and Web Design. I write articles about HTML / HTML5, CSS / CSS3 and Javascript / jQuery.

In addition, I’m collecting a weekly list called “WebDev Weekly”, containing external links to articles and tutorials about Web Development.

Latest articles

iOS 5 and New Features for Web Developers

»Samuli Hakoniemi, in Web Development

iOS 5 and New Features for Web Developers

The final version of iOS 5 has been finally released and there’s lots of buzz going around it’s new features. Most of the discussion focuses on the operating system itself which is totally understandable. There are lots of improvements and nifty little features to play with.

But one thing that seems not to get such attention is what iOS 5 brings to us, web developers, and how it improves the experience with web applications.

In this article I’ll go through most of the major features that are included in iOS 5 for web developer point-of-view.

Having Fun With CSS Animations

»Samuli Hakoniemi, in Web Development

Having Fun With CSS3 Keyframes
More than two years ago CSS Animations were represented in WebKit. Up until now, they’ve been supported only in Safari and Chrome.

In this article we will go through what it takes to create keyframe animations. I’ll create a simple demonstration of an icon character which comes alive with a little help of animation.

Quests and Missions in Gunshine.net

»Samuli Hakoniemi, in General

Gunshine.net

Gunshine is an online game created in Finland with roleplaying and social features. Although the game is currently running in beta, it already contains lots of features, tons of missions and plenty of enjoyment.

I’m going to gather all the quests I personally encounter and share it with other players, both newcomers and more advanced players. The intention is to collect all available quests into a simple table, which should help during gameplay. All extra help is appreciated, and you can provide listing of quests either by e-mail or commenting into this article.

How to Target CSS Only for Opera

»Samuli Hakoniemi, in Web Development


Sometimes there is need to write browser-specific CSS declarations. Although every developer should put their best effort on creating structure and layout that doesn’t require any proprietary hacks, one may encounter situations where it’s impossible to proceed by the book.

How to Run JSLint in Aptana Studio 3

»Samuli Hakoniemi, in Web Development

JSLint is an extremely useful tool for front-end developers among other code validation. However, getting JSLint to work properly isn’t always as easy as it supposed to be. I ran into problems when I upgraded to Eclipse-based Aptana Studio from major version 2 to beta version 3. In addition, it was very hard to find [...]

How to Get Started with Shadow Cities

»Samuli Hakoniemi, in General

Shadow Cities

Shadow Cities is a location based MMORPG which was just released for iPhone and is currently in beta stage (available only in Finland).

In order to get you started, I decided to write this post. I’ve myself played only for two days, nearly as long as the game has been publicly available. So these advices are from newbie to newbie :). And it’s very possible some of these advices gets outdated in near future. However I truly hope you get some perspective in the game after you’ve read the post.

XSS – an Underestimated Threat?

»Samuli Hakoniemi, in Web Development

XSS - An Underestimated Threat?

Cross-site scripting (XSS) is a type of security vulnerability which allows attacker to inject external client-side code on a website. Exploited vulnerabilities can cause only a small nuisance but in many cases they can also be exploited in very harmful ways.

In this article I’ll make an overview on XSS as a vulnerability, listing the forms of vulnerabilities and how they are exploited. I’ve also created a light example, which is meant for demonstrating XSS in real use.

Frontend Finland: JavaScript Meetup, 15. syyskuuta Helsingissä

»Samuli Hakoniemi, in Web Development

(This post is in Finnish) olemme järjestämässä pienimuotoista, JavaScript-aiheista tapahtumaa Helsingissä, 15. syyskuuta 17:30-21:00. http://www.frontendfinland.org/ Tapahtumaan ilmoittautuminen alkaa tänään perjantaina 6. elokuuta klo 14:00. Ilmoittautumiset osoitteeseen info (a) frontendfinland (dot) org

Webdev Weekly #16

»Samuli Hakoniemi, in Web Development

Webdev Weekly #16
This article contains the top picks from week #16. The main weight is heavily on CSS, including my latest article called “CSS3 Transitions – Are We There Yet?”

CSS3 Transitions – Are We There Yet?

»Samuli Hakoniemi, in Web Design, Web Development

CSS3 Transitions - Are We There Yet?

Cascading Style Sheets 3 has been available for “some time” (first time introduced nine years ago). However, CSS3 hasn’t been available in common use for more than two years.

CSS3 Transitions in real use were introduced in late 2007 by Safari. At that time, they were referred as “CSS Animations”, but the terminology changed when Safari introduced their proprietary features also called “CSS Animations”.

I’ve split the topic in two articles. In this first article I’ll make a generic overview on CSS3 Transitions. Additionally, I’ll introduce some of the basic implementations and evaluate few CSS properties, meant for creating transformations and transitions

This article also contains references to excellent CSS3 articles. So after reading this article, go ahead and upgrade your knowledge about CSS3 Transitions with them.

Webdev Weekly #15

»Samuli Hakoniemi, in Web Development

Webdev Weekly #15

Webdev Weekly has been on a break for few weeks. From now on, I’m going to post the best links related to web development and design much more often (aka weekly).

This week’s article includes only few, but very good links to strong articles and websites.

When jQuery returns “failed” in IE – and how it’s probably resolved

»Samuli Hakoniemi, in Web Development

In web development, I love facing unexpected problems I haven’t seen before. It’s an excellent situation to learn new things. And the moment right after I’ve found a solution – it’s a perfect moment.

But when I can’t find a solution, no matter how hard I try, and especially when I can’t find anything from Google that could help me.. well, I get very frustrated.

In this brief article, I’ll go through one problematic situation that really got me frustrated. Plus, this hopefully can be found via Google and therefore works as a solution to anyone who’s facing a same problem.

Debugging and Testing in Internet Explorer Made Easy

»Samuli Hakoniemi, in Web Development

Debugging and Testing in Internet Explorer Made Easy

It’s somewhat usual to leave the testing with Internet Explorer until the end of the project. This is quite acceptable when you’re dealing mainly with layout issues.

But when you’re building a web application with loads of features, there are several issues to struggle with: constant debugging, client-side performance, proprietary bugs and so on. However, getting your hands dirty with IE doesn’t always feel as comfortable as with other browsers.

In this article, I’m going to list and review different set of tools, which will help you and make your debugging and testing process in Internet Explorer much more enjoyable.

Webdev Weekly #2 – jQuery 1.4 Edition

»Samuli Hakoniemi, in Web Development

There was at least one major event last week related to web development, when the latest version of jQuery was released. This article covers the highlights and most important resources about jQuery 1.4, but in addition includes many other quality resources for web developers.