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!
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.
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.
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.
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.
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).
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.
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.
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.
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.
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!
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!
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!
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!
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.
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.
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.
Time for another Geek Meet, and this time, we’l be trying something new. 🙂
Usually when you want a horizontal list, you need to use float in the CSS code to make it work, with all its drawbacks. However, there is an alternative with display: inline-block.
I think we can all agree that performance of web sites matters a lot, and slow web sites are very annoying both for developers and, more importantly, end users. Therefore, we need to talk about a newly discovered problem: Internet Explorer, protocols and inclusion of stylesheets.
One thing that is quite nice is that we now have the ability to create gradients in our pages just from CSS code, and without the use of any images.
Last weekend I had the pleasure of going to FOSDEM to give a presentation about HTML5 and to experience a very big open-source conference.
Just to let you know, I will be speaking at FOSDEM 2010 in Brussels, Belgium, next Saturday February 6th. I will talk in the Mozilla Developer Room and give an introduction to HTML5, which will be followed by HTML5 demos by Paul Rouget.
If you are attending, please come along and say hi! 🙂
I know, I know, there has definitely been some time since the last Geek Meet. But believe me, this one will make up for the wait! 🙂
Man has always been inspired by things moving around and giving away noises, so it was just a matter of time before video content showed up on the web. For a number of years, Flash was the de-facto standard of showing video, but now, with HTML5, the video element has made its way into our lives.
The other day I sort of had an epiphany, a revelation if you will, which made me realize something hard to accept: Internet Explorer will always be there throughout my entire career working with Internet.
To follow up on the topic of cutting down the number of HTTP requests that I mentioned in my posts How to improve your web site performance – tips & tricks to get a good YSlow rating and How to reduce the number of HTTP requests, I wanted to put together a good list of tools and approaches to concatenate and minify CSS and JavaScript files in different developing environments.
As you might be aware of, I believe web site performance is truly a critical success factor, and I have written about it before in How to improve your web site performance – tips & tricks to get a good YSlow rating
Looking at the design of most web pages today, almost exclusively all of them include some semi-transparency of elements. However, getting the desired effect in CSS is harder than one might think.
I hope you are all having some nice time off; I just wanted to take the time to reflect on 2009 and what it was like for me.
I put a lot of time into ensuring web interface code quality, both for code in projects I work in and in doing code audits for other web sites. One of the best ways to find undesired inline styles, inline JavaScript events and javascript: links, I believe, is my Inline Code Finder extension and now it’s available for Google Chrome as well!
Let’s face it: developing CSS that should work across various web browsers and platforms is hard, and could prove to be quite a challenge. This is where Object-Oriented CSS (OOCSS) steps in.
Based on my experience and thoughts over the years, and feedback from a number of very smart and talented people, I believe that Content Management Systems (CMS) are far from the promised savior, but rather the bane of web sites.
I had the pleasure of spending last week in Lisbon, Portugal, for the Codebits conference.
Next stop on my little European tour is Codebits in Lisbon, Portugal!
Usually blog posts with the words “problem, “considered harmful” and similar are just crying foul, but I would like to bring up something I actually believe is/will become a real problem: HTML5 syntax options.
I’m (almost) just back from Full Frontal 09, and man, did I have a good time! 🙂
About a week and a half ago, I had the pleasure of speaking at JSConf.eu!
One of the most common problem on the web is slow web sites, wasting he time of end users. Now, perhaps, Mozilla has come up with a solution for this, which will be applicable for all web browser vendors.
Week before last, I had the pleasure of attending and speaking at two conferences. With even more conferences in the pipe, last week was pretty intense, work-wise, to cover up for that, but now I thought I’d take the time to talk about them, starting in this post with the Øredev 2009 conference.
I’m very happy to say that I will speak at at, and participate in, JSConf.eu in Berlin this upcoming weekend!
It seems like Apple is about to go down a road which is completely against the spirit of the web.
I’m happy to announce that version 1.01 of Firefinder for Firebug is now released, with a number of new languages supported.
Soon time for me to go on the road, and I’ve gotten the honor to speak at the Full Frontal – JavaScript Conference, 20th November 2009.
It seems like everyone is talking about HTML5 now, but the discussion is spread out and seldom gives the background, explanation what HTML5 really is and if/when it’s usable.
In November, more exactly Wednesday November 4th, I will be speaking at the Øredev 2009 Developer Conference.
Last weekend, I had the pleasure of being invited by Mozilla to Prague to, amongst other things, discuss the future of Firefox.
Late last night I came home from the fantastic event that was Mozilla Camp Europe Prague, 3-4 October 2009, and I thought I’d tell you how my Prague visit was, what I thought of the event and my thinking about the sessions.
Some time ago I was happy to receive an invitation to Mozilla Camp Europe Prague, 3-4 October 2009!
Yesterday, Google outed a very bold move of theirs, and then followed up with a statement that, to me, meant even more. We’re talking Google Chrome Frame and Google Wave deciding not to support Internet Explorer.