Meet Shadow DOM – a New Kid in Town
22nd of Jan, 2013 – Samuli Hakoniemi
Ever heard of Shadow DOM? If you haven’t then this article is definitely for you (and if you already have, you should still read this ;)).
Despite of the “scary” name it has there’s nothing to be afraid of. Shadow DOM is a friendly little fellow who’s here to make life of web application developers easier.
In this article, I’ll present thoroughly the capabilities of Shadow DOM and how one can easily create independent widgets by encapsulating their code with it.
Peek into CSS4
8th of May, 2012 – Samuli Hakoniemi
We all know that CSS3 has emerged in past couple of years a lot, and everyone is talking about it. There are many new features and properties that are well implemented in modern browsers.
But lately there has been some buzz going around CSS4. CSS Working Group has published a first working draft over half a year ago with many new proposals. CSS4 isn’t going to replace CSS3, but the work on specifications will go on parallel with CSS3 Modules.
In this article I’ll go through some of the most interesting proposals for CSS4. There are many new concepts, including such as parent selector, UI states pseudo-classes, Logical Combinations and Namespaces.
This article is based on my presentation: “CSS3 – The Present and The Future” which contains a section Peek into CSS4.
iOS 5 and New Features for Web Developers
13th of Oct, 2011 – Samuli Hakoniemi
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 CSS3 Keyframes
25th of May, 2011 – Samuli Hakoniemi
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.
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.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.