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

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.

Onload Issues with Opera

»Samuli Hakoniemi, in Web Development

In this article, we will solve Opera’s onload issue caused by caching, and another problem, which occurs when adding images dynamically with javascript.

Cross-browser Rotation Transformation with CSS

»Samuli Hakoniemi, in Web Design, Web Development

I was about not to publish anything before Christmas – just calming down, taking some extra time to get my blog design finished, plugins installed, and so on..

..but no. I got way too excited when I heard today that Opera 10.5 pre-alpha for Labs was released. In other words, this means that an updated version of Opera’s layout engine, Presto, was out to play with – meaning, that CSS3 Transformations and Transitions are available also for Opera.

In this article, we write some lines of CSS and create rotating transform effect with all the common browsers, including Internet Explorer and the latest version of Opera.

Feed redirected

»Samuli Hakoniemi, in General

Times are changing and my site is going to be redesigned soon.
I’ll start by redirecting all the former URLs to new ones. Hence the blog feed is redirected to a new address http://samuli.hakoniemi.net/feed.