Looking back at 2010 – Happy New Year 2011!
The year is coming to an end, so what better time to take a nice cup of tea and go into nostalgic mode to write up a summary.
Posts in the "" Category
Merry Christmas, happy holidays!
Christmas time!
Delivering HTML5 video and fallback support with the help of Video JS
With HTML5 video and the current support in web browsers, we need to cater to different codecs, and fallbacks for web browsers with no native video support. This is where Video JS steps in.
Microsoft releases extension to play H.264 video in Firefox – next step, Google Chrome Frame for IE then?
Last week Microsoft released the HTML5 Extension for Windows Media Player Firefox Plug-in, and I have some thoughts about that.
Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files
To me, something about HTML5 that makes it quite interesting is all the new support for file interaction. I’ve written about the File API and reading file information before, and I thought I’d expand on that and add uploads and progress bars.
CSS3 Flexible Box Layout Module (aka Flex Box) introduction and demos/test cases
Doing layouts on the web has always been hard, but it seems like we’re getting a better option to do it now.
Google Chrome and Safari (WebKit) bug with the HTML5 autofocus attribute
I just encountered the weirdest bug with the HTML5 autofocus attribute in Google Chrome and Safari.
JavaScript badge to present Twitter reactions to a certain URL in your own web site
With a blog it’s great getting comments, but as any blogger need to realize, there are other channels that people like to express their reactions in to – especially Twitter.
Is there any Android-based mobile phone that can compete with the iPhone?
Instead of presenting a certain technology or approach, my idea with this post is to get some discussion and feedback about iOS vs. Android.
Separation
I have something I feel I need to tell you. It’s personal, so don’t read if you don’t want to hear about things like that.
Introducing HTML5 Web Sockets – taking bidirectional communication on the web to the next level
For a long long time we have tried to be able to push information from the server out to the end users without having to poll the server all the time.
HTML5 APIs fallback solutions with cross web browser polyfills
HTML5 is upon us and amongst it, a lot of very existing APIs! However, how do we handle the web browsers that don’t support all of the new things?
Tip: follow @robertnyman on Twitter!
I’d like to take a little time to give you a tip about how to stay on top of what I do/write.
CSS3 Media Queries and creating adaptive layouts
With the myriad of devices, web browsers and screen sizes out there, we need a way to to be able to easy detect how we want to layout a web page for them. This is now offered to us through Media Queries in CSS3.
Geek Meet September 2010 with Bruce Lawson!
Time for the first Geek Meet this fall! Can you believe it’s been four months since the last one? This time around, it’s time to bring in a guest from the UK.
Riding, riding, riding – I’m back again!
Seasons come and seasons go; life turns in a constantly changing manner. But, as after every summer, I’m back and I long to write for you! 🙂
Summer break!
My dear friends, it’s once again summer and it’s time for me to take a break.
Adding HTML5 placeholder attribute support through progressive enhancement
I continually talk about HTML5 and how progressive enhancement is a simple approach to make any new behavior possible in web browsers that haven’t implemented it yet. I thought I’d show you a simple example how to do this with the new placeholder attribute for input elements.
HTML Validator extension for Safari
A couple of days ago, Apple announced support for developing extensions, so I felt obliged to implement my HTML Validator extension for Safari too. 🙂
Sweden’s Best Developers, the 2010 take
Two years ago, the Swedish magazine Computer Sweden listed Sweden’s Best Developers 2008, where I was listed as number 19, the highest ranked Interface Developer. Today they announced Sweden’s Best Developers 2010 
.
Lost – The End
The TV Show Lost has aired its last episode ever. Sad times for me, and I thought I’d talk a little about what it has meant to me. WARNING! Below I will mention things you don’t want to know if you haven’t seen all episodes yet.
Catching clicks with clickCatcher before your JavaScript files have loaded/events been applied
One of the key things to improve performance of a web site, real as well as perceived, is including your JavaScript files at the end of the document (as I described in Improve Your Web Site Performance – Tips & Tricks To Get A Good YSlow Rating). However, there is a drawback to that.
The WebM video format – the saviour of open video on the web?
I don’t think I’m exaggerating when I’m saying something really really important has happened for the future of the Open Web. Finally, it looks like there might be a solution to the video codecs and patent encumbered alternatives we have been dealing with.
Farewell, Ronnie James Dio
Yesterday one of, if not the, best heavy metal vocalist of all times passed away.
My iPad review (aka a nice way to look at Kristen Bell)
After having owned an iPad for a little time now, I thought it deserves a review.
CSS3 Animations
This article is a number of years old, and all major web browsers now support CSS3 Animations. Please remove any vendor prefixes. Additionally, up-to-date information is available on MDN.
I recently wrote about CSS3 Transitions and the next step for that is sort of CSS Transitions on steroids: CSS3 Animations (CSS Animations Module Level 3 specification).
Geek Meet May 2010 – HTML5 & JavaScript
It is soon summer (Yay!) and about time for a last Geek Meet before a summer break!
Embrace, extend and extinguish
With various discussions and things taking place right now, it reminds me of a phrase that has been around for some time.
Using CSS3 Transitions and Transforms to mimic Mac OS X Stacks behavior
The other day when I wrote Using CSS3 Transitions To Create Rich Effects I was thinking of nice ways to apply this. One of the things that came up was creating the Mac OS X Stacks behavior entirely in CSS!
Using HTML5 custom data attributes to store data on HTML elements
When writing JavaScripts for a web page, since the beginning of time, web developers have had the need to store extra data for HTML elements. I remember reading about custom data attributes in HTML5 some time ago, and recently Remy reminded me about them – they are here to save us!
Using CSS3 Transitions to create rich effects
There has been discussions about allowing CSS to help developers create smooth transitions of CSS properties for elements, and it’s something being specified in CSS3 in W3C CSS Transitions Module Level 3. Here I’m going to show you how to implement it in Firefox, Google Chrome, Safari & Opera.
Using the File API for reading file information & multiple file uploads – another sister specification to HTML5
A constant drag when developing web sites have been when the end user wants to upload files to it. Luckily, though, those problems are to come to an end due to the File API.
Using CSS instead of images when coding your web design
As an Interface Developer, it has always been a challenge to make the designers’ dreams come true, especially when it comes to shadows, gradients and various level of transparency. Slicing images till no end, trying to make it look good. Nowadays, though, a nice alternative is to do it with CSS.
How we give feedback
Recently I was talking with a Product Manager at another company about how feedback manifests itself.
Using Offline Web Applications to offer offline capabilities – sister specification to HTML5
In a world where we carry our computers/Internet-connected devices with us all around, we’re bound to lose connection now and then but still want to be able to continue our work. That is where Offline Web Applications steps in.
Speaking at SWDC 2010 in Stockholm, Sweden
June 2-3 third this year a number of high-profile speakers are coming to Stockholm, Sweden, to talk at the SWDC 2010 conference, organized by Peter Svensson (who also organizes the GTUG events in Stockholm).
Creating good content mark-up: Content Management Systems vs. hand-crafted HTML
There’s an inner beauty of HTML code that I can never seem to get away from. The wonderful world of semantics – choosing the right element for the right task, something that conveys meaning, makes it more accessible and strikes the perfect balance of different parts of a web page. Which moves us on to Content Management Systems.
I’m a keynote speaker at the P2P Conference in Bulgaria April 24-25
In two weeks from now, April 24th – 25th, I’ll be going to Bulgaria to be one of the keynote speakers at the P2P Conference (in Bulgarian).
HTML Validator extension for Google Chrome
Validating HTML is very important to ensure maximum web browser and operating system compatibility, and making sure it is ready for CSS and JavaScript code to interact with it. Therefore, I have created an HTML Validator for Google Chrome.
Using HTML5 Web Workers to have background computational power
When performing advanced load-heavy operations in a web browser, both the web page it is run in as well as the web browser UI becomes unresponsive till it’s finished. However, there’s a way to address that with HTML5 Web Workers.
What will happen to open video on the web?
With more and more people getting faster Internet connections, and video being one of the ultimate online multimedia experience (so far), it was due to get native video elements in web browsers. However, open video is threatened by codecs and patents, and I thought I’d discuss the situation and possible outcomes here.
CSS pointer-events to allow clicks on underlying elements
Ever placed an element on top of another element, but wanted the one under to be clickable? Now it’s doable, with CSS pointer-events!
postMessage in HTML5 to send messages between windows and iframes
Ever had the need to communicate between windows or the current window and an inner iframe? Across domains as well? I bet you have, but now we have a nice option for doing that!
Testing the Internet Explorer Platform Preview (IE9) – reviewing the good, the bad and the main letdown
At MIX10 yesterday, Microsoft announced IE9 and spoke about its upcoming features. And, lo and behold, they released a Internet Explorer Platform Preview for anyone to download and play around with!
Drop shadow with CSS for all web browsers
One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS!
Geolocation in web browsers to find location & Google Maps examples
More and more services around us focus on where we physically are located at the moment, and how we can be assisted in the best fashion depending on that. Today I’d like to introduce the geolocation possibilities we developers have, and also play around a little with Google maps.
Do hidden elements load background images?
One thing I have always pondered about is whether elements that are hidden will load any images associated with it, either inline or through CSS, directly at page load. And apparently, my colleague Jonatan Larsson has as well.
Is WebKit too fast for its own good?
Let me start by saying I have the utmost respect for the WebKit team, and all the amazing things they have delivered with their rendering engine. Also, very important, for putting pressure on other rendering engine vendors and making them step up.
No more version of Mac OS X?
I recently read a, to say the least, interesting prediction about the future of Mac OS X.
The price of our hunt for better technology
We rush away in our lives, whining about slow computers and constantly have more and more demands. Maybe it’s time to take one step back and look at the consequences of our desires.