HTML 5 cheat sheet

Dear reader,

Although this post will be short for a blog post and almost short enough for Twitter, please see this excellent cheat sheet for HTML5 by DesignModo. It’s still missing a printable version, but they’ve done a great job simplifying some of the new tags and events HTML5 brings us.

I’m curious, what are the best HTML5 websites you’ve seen? http://www.youtube.com/html5?

 

Google Chrome content rights

Dear Reader,

Yesterday I posted an entry on the new web browser by Google, Chrome. Today I found out through various other blogs that the Terms of Service for Google Chrome are quite intriguing as the user is supposed to give Google rigths to distribute and reproduce any content that is submitted through their browser! Not surprisingly, this has launched an avalanche of responses on the web.

Read the contents of chapter 11 below or the whole terms of service here:

11. Content license from you

11.1 You retain copyright and any other rights you already hold in Content which you submit, post or display on or through, the Services. By submitting, posting or displaying the content you give Google a perpetual, irrevocable, worldwide, royalty-free, and non-exclusive license to reproduce, adapt, modify, translate, publish, publicly perform, publicly display and distribute any Content which you submit, post or display on or through, the Services. This license is for the sole purpose of enabling Google to display, distribute and promote the Services and may be revoked for certain Services as defined in the Additional Terms of those Services.

11.2 You agree that this license includes a right for Google to make such Content available to other companies, organizations or individuals with whom Google has relationships for the provision of syndicated services, and to use such Content in connection with the provision of those services.

11.3 You understand that Google, in performing the required technical steps to provide the Services to our users, may (a) transmit or distribute your Content over various public networks and in various media; and (b) make such changes to your Content as are necessary to conform and adapt that Content to the technical requirements of connecting networks, devices, services or media. You agree that this license shall permit Google to take these actions.

11.4 You confirm and warrant to Google that you have all the rights, power and authority necessary to grant the above license.

As has already been speculated, I also hope and assume that these terms of service are replaced with a less extreme TOS soon.

Google Chrome – a new player for the web browser market

Dear Reader,

Google Chrome

Google Chrome

Google accidentally published a comic explaining some of the functionalities in their new web browser, Chrome. After realising this, they hurried to write a blog post about the browser and are launching it today. The browser makes some use of the technology of Firefox and Apple’s web kit. It also seeks to enhance the web surfing experience by being able to process multiple processes at any one time, in different tabs.

See also how the Mozilla CEO commented on their partner’s new, competing browser.

Sleipnir riding on Nipponese soil

Dear Reader,

3 posts on one day is too much, but I couldn’t help after reading this news. The Japanese company Fenrir [sic] has released a new version of their web browser Sleipnir [2x sic] 2.7, a browser they hope to challenge Firefox with. Sleipnir is based on the Trident core also used by Internet Explorer, but it allows the user to change the core to Gekko (used by Firefox) on¬†the fly. This should help in giving a better user experience.

I have no previous experience with this browser, but I guess I’ll have to spend some time with it, if for nothing else, the name of it (and the company) are just not possible to bypass.

Go download:
http://www.fenrir-inc.com/other/sleipnir/

For anyone with an inner linguistic fixation:
http://en.wikipedia.org/wiki/Sleipnir
http://en.wikipedia.org/wiki/Fenrir

RGBA test on web browsers

Dear reader,

After having installed the horrific Firefox 2.0 beta when it came out, I have been quite sceptical about installing Firefox beta versions ever again, but today decided to do so after a while of gathering courage. ūüôā

Don’t get me wrong, I definitely consider Firefox my primary browser, but the experience I got from the 2.0 betas was terrible and after that I decided ‘firmly’ to stick with the main releases — that is, until now.

Now, after installing the 3.0b2 version I viewed the what’s new section, especially about what’s new with Firefox’s CSS support. To my delight I found out that it now supports the RGBA definition (Red-Green-Blue-Alpha) in elements, enabling to not just adjust their colors, but their “alpha value” or transparency as well.

I just had to test it, and to make it more interesting, I tried it with the other Windows browsers installed on my computer as well, namely:

The HTML code used to test this can be found below.

<html>
<head>
<title>Firefox 3.0 Beta 2 test: CSS, RGBA (alpha)</title>
<style type="text/css">
p {
 font: bold 12px/14px helvetica,verdana,sans-serif;
 color: rgba(064,030,044,0.4);
}

#leftrect {
 position: absolute;
 padding: 15px;
 width: 200px;
 height: 200px;
 border: 1px solid rgb(255,25,25);
 background-color: rgba(255,0,0,0.7);
}
#middlerect {
 position: absolute;
 margin-left: 75px;
 margin-top: 75px;
 padding: 15px;
 width: 200px;
 height: 200px;
 border: 1px solid rgb(25,25,255);
 background-color: rgba(0,0,255,0.7);
}
#rightrect {
 position: absolute;
 margin-left: 150px;
 margin-top: 150px;
 padding: 15px;
 width: 200px;
 height: 200px;
 border: 1px solid rgb(25,255,25);
 background-color: rgba(0,255,0,0.7);
}
</style>
</head>
<body>
<div id="leftrect">
<p>
Some text on a red bgr.
</p>
</div>
<div id="middlerect">
<p>
Another text, but on a blue bgr.
</p>
</div>
<div id="rightrect">
<p>
Third text, this time on a green bgr.
</p>
</div>
</body>
</html>

Guess which browsers managed to render it properly? The answer can be found in the picture below (click to enlarge).

RGBA test result on web browsers

%d bloggers like this: