A really freaky and inspiring Night at the Hotel626. The Website is using your Webcam and Micro to picture your personal image and voice to the screen. Twitter and Facebook where used as Tools to spread this link around the world.
You are just able to enter the Hotel as soon it’s getting dark outside!!
Link: www.hotel626.com
A chain saw as a trojan horse!!
A wonderful example of a viral campaign. A fake web shop pretending to sale a chain saw with an usb slot. But in fact there is no possibility to buy a chain saw.. but you’re able to download an audio file (sounds like a chan saw) and will play every time you use your printer to remember you at the forest protection and should remind you to save papers.
Andy Clarke wrote this article about how to do the browser testing today, especially if you use a lot of CSS3 and html5 elements in your Website.. He’s testing the Website CannyBill which is full of the new features like “RGBa, “border radius”, “box shadows”…
And best, his short but powerful sentece: Websites should not look the same in every browser! I totally agree with Andy!!!
The time where websites were full of transparent PNG images and PNG fixes is over!
CSS3 is featuring RGBA! Just write your rgb colour code and add the transparancy:
RGBA Browser-Support:
Like a lot of the features, RGBA is supported by a lot of the newest browsers, but not the rest. Firefox, Safari, Chrome and Opera browsers all support RGBA, but Internet Explorer does not. Fortunately, we can specify RGBA colours for browsers that support it and an alternative for browsers that do not.
Do the Fallback!
The simplest technique is to allow the browser to fall back to using a solid colour when opacity isn’t available.
read more about RGBA and its pro’s here:
http://24ways.org
Web Storage
Remy Sharp wrote a great Article about HTML5 and Web Storage on
“24 Ways”, read more:
Breaking Out The Edges of The Browser
Navigate through and each thumbnail expands into beautiful swathes of colour..
I like the design and the interaction on this site. Especially those thumbnails how they change their perspective while navigate on them. The response is really smooth and realistic. But the navigation is confusing, if you click on a thumbnail the site is going to change in colour and view. I think this is one of those website where you can easily lose orientation.
However it’s a funky website and a visit worth!
Designed by: Yugo Nakamura
URL: http://wonder-wall.com/#project/en
I recently wanted to convert a JSON text into an object. I first used the eval() function. The eval function is very fast. However, it can compile and execute any JavaScript program, so there can be security issues. The use of eval is indicated when the source is trusted and competent. So I used a JSON parser to convert my text, because it is much safer and your JavaScript Code will validate properly :-)
I recently had to do a backend File Upload using AJAX to parse JSON responses. You will find just a few Sites on the Web which considering this Subject. I made this great experience with the Ajax File Upload Plugin from PHP Letter.com
Once you get your File uploaded, you can parse your respond and styling the process view like the excample below:
Website: PHP Letter.com
If you want to realise a multilingual project using Joomla, I would recommend the Joomfish Extension. It’s realy easy to handle.. just create your article in your default language and use the Joomfish Extension to translate your Article in the other languages.
Website:
joomfish.net
HTML 5 is the next version of HTML. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern Web sites.
(HTML 5 Reference)
One really benefit of HTML 5 is the video tag. HTML 5 and the jQuery JavaScript framework gave us the tools we needed without requiring extra plugins or proprietary software to run a video on a Website.
There is a simple HTML5 demo that works in current versions of Firefox, Safari and Chrome. A sample of RAD’s R&D TV with subtitles and chapter navigation. (This will not work in current versions of Internet Explorer, nor earlier versions of Firefox etc.)
This Demo plays video and audio without plugins, and allows jumping to chapters within the content.
The Startpage of fraunhofer.de is using Canvas for their info boxes. As you can see, there is just a normal div-Element. A div-Element with a background color is usally showing a rectangle – but with the use of Canvas you’re able to do stuff like above:
By the way, the fraunhofer.de Website is also a good Excamble for “Accessiblity” and “ARIA
“!
see the video excamble
On my kAIRin.ch Website, I use the WordPress Plugin “Infinite Scroll” alternatively to the default Paging. The Infinite Scroll will load the next set of Posts as soon as you reach the bottom of the Website.
