Blodhemn !

Some works of Ryan Alexander

Few cool websites with Awesome JavaScript and Flash experiments :

- Paris Running Tour by InfinVision

- Tierra Virtual Studio

- Pablo Zarate Portfolio

- Indio Folio by Gopal Raju

- Blue Beetle Studio

Arnau March made a Photoshop script : CSS sprite generator.

Chromeless: Build your own Browser UI using HTML, CS and JS by Mozilla.

HTML5 is awesome. Pixelart too !  Imagine a 8-bit Color Cycling picture with HTML5 …

See this and you understand at effectgames.com

Squawq is a twitter analytics webapp’.

You only need a twitter account to manage Squawq.

It seems a great app’ if we look at the screenshots on the website.

They did in 2009 the Yearbook yourself app’ (they won a webby award !)

I always loves this website !

Conclave Obscurum is an experimental website.

Java Script can do things better than flash, sometimes.

Dhteumeuleu is a website with lots of Java Script experiments.

an awesome flash website from Japan : Bascule

An awesome flash experiment with screenvader.

I liked so much « Easy to open » animation.

It’s often difficult to Browser-test websites.

IE6 ,IE7, IE8,  Firefox2, Firefox3, Opera, Safari, Chrome … it’s a painfull and harsh task to test them all.

I searched for a long time about standalone IE version, it was not so simple at all !

Here is a list of different ways to test your website on these browsers.

Browser Shots [BrW] :

Free. Take screenshots of your website on different browsers. It’s very low by moments. Lots of Browsers known !

Adobe BrowserLab [BrW]:

Free. Works with Adobe Air. Take screenshots of your website on different browsers. It’s faster than Browser Shots. Only IE, Firefox, Chrome, Safari (only Win Xp & OS X)

Litmus [BrW] :

Paid service. Take screenshots of your website on different browsers. Compatibility Reports. IE, Firefox, Chrome, Safari, Flock, Camino, Netscape, Opera, Sea Monkey (Windows & OS X)

IETester [StD-W] :

Free. In one window all IE browser (5.5 to 8 RC1). Some bugs with JS. Bugs with IE7. Very  practical !

Interner Explorer Collection [StD-W] :

Free. All IE browser versions : 1 to 8 !  Includes IE Dev Bar.

Mozilla Firefox Collection [StD-W] :

Free. Firefox browser versions : 2.0 to 3.6 !  Includes Firebug, Webdevelopper add-ons and FlashPlayer 10.

Multi-Safari [StD-A] :

Free. Permit multiple install of Safari in the same OS. Different Safari available within OS MAC version. (ie: for OS X 10.4 only Safari  2.0 to 3.04)

Spoon (before known as Xenocode) [BrW] :

Free. (more infos, not working properly ?)

Microsoft Expression Web SuperPreview [StD-W] :

Free. Only IE 6 to 8. More with Expression App.

BrowsrCamp [BrW] :

Paid service. Lots of Browsers known. Take screenshots in wanted dimensions.

All Browsers Archives [StD] :

Free. All Browser installation versions.

Netrenderer [BrW] :

Free. Take screenshots of your website only under IE 5.5 to 8.

Browsera [BrW]:

Paid service. Take screenshots under IE, Firefox, Opera. Bug reports. Logs with  Script Errors. Compare different layouts.

Other articles :

Multiple versions browsers Opera installation (maybe so old)

Multiple Opera Installations

Multiple Opera instances installation Hack

Legend :

Works on Windows OS : [W]

Works on Apple OS : [A]

Standalone : [Std]

Browser view : [BrW]

Lytebox is an alternative by Markus F. Hay at The well known Light Box Java Script code to manage pictures and gallery on web pages.

The purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js.

No more updates since 2007… but  still up !

I found this very interesting article about well coding a website at XHTML CSS Code.

Good tips and great ideas to not forget a website is not an experiment.

A good website about coding / app / JS in french language :

La Ferme du Web

Another list of awesome 404 error pages.

Good jobs and great ideas !

Found on this excellent blog : francescomugnai.com

• Part 0ne
• Part tw2

In the same idea of the previous articles, this is a non exhaustive and non ordered list of psd to HTML websites.

I may update this list when I found other links.

1. psd2cssonline.com (EN)
2. psd2html (EN)
3. psdxhtml (EN)
4. html markup (EN)
5. html cut (EN)
6. pix masta (FR)
7. w3 markup (EN)
8. psd xhtml css (FR)
9. psd to xhtml css (EN)
10. xhtml coding (EN)
11. markup service (EN)
12. xhtml chop (EN)
13. slicing psd to html (EN)
14. psd2html ninjas (EN)

I was searching about target= »_blank » problem on Google.

Finally I’ve found two awesome and well discussed articles.

Firstly: from Cyber codeur. (FR). This is an old article but always up about target= »_blank » problem with W3C norms and coding.

Secondly: from (yes again =] ) Perishable Press (EN) : an unobtrusive JS solution (but a bit difficult to understand for people like me)

Around this target= »_blank » problem, I was able to ask 3 questions:

1. Transitional / Strict coding for valid W3C norms (being valid or strict coding)
2. Open a new page Vs usability (How to return to previous page with a new window  ? [e.g.])
3. Inline coding Vs Script interpreted language (first more quick but not valid)

This article from Manuel Catez (FR) is a good summary of this problem.

Enjoy !

With the coming of HTML5 and CCS3, we must think a different way to code webpage.

I often see « div coding » as weird as « table coding ». The reason ?  The most of time, non well CSS construction.

With the new era of HTML/CSS, say goodbye to  « cascading <div> »!

In this aticle, discover how HTML/CSS coding changes.

Read more from Perishable Press, and thanks Jeff Starr.

In my opinion, HTML5/ CSS3 turns into XML style coding.