Examples


Thursday, November 26th, 2009

If That Is An Awesome CSS3 Gallery, How Would You Call Mine?

Category: CSS, Examples

Tutorialzine is a nice blog but I think sometimes it should should re-dimension chosen titles. I have discovered only yesterday and thanks to my good old favorite Web related italian blog, a nice (or if you prefer another) jQuery lightbox style experiment. The post is complete with examples and explanation over PHP, CSS, jQuery, and Read the rest…

Posted by webreflection at 6:00 am
27 Comments

++---
2.1 rating from 126 votes

Tuesday, September 29th, 2009

Cappuccino is a Push over

Category: Cappuccino, Examples

Elias Klughammer has implemented the Juggernaut push server in a Cappuccino app. Always nice to have an open source bare bones sample app for a marriage like this. Nothing beats looking at the source.

Posted by Dion Almaer at 6:11 am
4 Comments

++---
2.7 rating from 46 votes

Tuesday, July 28th, 2009

Developer evangelism handbook released

Category: Examples, Presentation, Workshop

As developers, it can be hard to get your voice heard in a company. Whilst our products depend on developers building them the right way, other people seem to call the shots about where they are going. This becomes disastrous when a company tries to reach developers with their product. Normal marketing and PR stunts Read the rest…

Posted by Chris Heilmann at 3:59 pm
3 Comments

++++-
4.2 rating from 26 votes

Friday, July 3rd, 2009

It’s Friday. Play some drums…. HTML5 style

Category: Examples, Sound

Brian Arnold created a fun sample drum machine simulator using HTML5 <audio>. < View plain text > javascript function playBeat() {     if (isPlaying) {         var nextBeat = 60000 / curTempo / 4;         // Turn off all lights on the tracker’s row         Read the rest…

Posted by Dion Almaer at 8:11 am
7 Comments

+++--
3.6 rating from 31 votes

Friday, June 26th, 2009

Fun with text-shadow

Category: CSS, Examples

Zach Johnson is at it again, this time giving us a fun Friday treat with CSS text shadow, all via: < View plain text > javascript document.getElementById(‘text-shadow-box’).onmousemove = function(e) {     var xm = e.clientX – 300;     var ym = e.clientY – 175;     var d = Math.sqrt(xm*xm + ym*ym);   Read the rest…

Posted by Dion Almaer at 11:26 am
14 Comments

+++--
3.8 rating from 41 votes

Thursday, June 11th, 2009

Animating SVG with Canvas and Burst

Category: Examples

Christopher Blizzard and his team are doing great write-ups on hacks.mozilla.org as they celebrate 35 days of Open Web goodness. They just posted on the work of Alistair MacDonald who used his Burst engine to demonstrate taking SVG and having Burst load it and convert it all to JavaScript objects that are rendered inside of Read the rest…

Posted by Dion Almaer at 7:54 am
5 Comments

++++-
4 rating from 22 votes

Wednesday, June 10th, 2009

Styling buttons as links allowing you to POST away

Category: CSS, Examples

Have you ever wanted to just <a href=”path” action=”post”>? Remember the hub-ub with the old Google Web Accelerator and how it started to crawl links to delete actions that were mistakenly using GET? Natalie Downe has written up a piece on styling HTML buttons as links which means that you can somewhat get the same Read the rest…

Posted by Dion Almaer at 3:15 am
15 Comments

+++--
3.8 rating from 24 votes

Thursday, June 4th, 2009

Image thumbnail crop tool with Processing.js and PHP GD

Category: Examples

Matt Schoen has written a nice image thumbnail tool that lets you zoom in on the part of the image that you want to crop for a thumbnail. You can check out the Processing code that does the work: < View plain text > javascript void setup(){     size(600, 600); //for internal size variables Read the rest…

Posted by Dion Almaer at 7:08 am
6 Comments

++---
2.5 rating from 42 votes

Friday, May 22nd, 2009

JSPlacemaker – Geo data extraction in pure JavaScript

Category: Examples, JavaScript

Content extraction is still a hot topic on the web. We have lots of great text content but not much clue as to what those texts are. To make it more obvious we do term extraction for tagging but also geo location extraction for giving the text some spacial reference. A fairly new web service Read the rest…

Posted by Chris Heilmann at 9:28 am
2 Comments

+++--
3.6 rating from 29 votes

Thursday, April 30th, 2009

YQL execute now allows you to convert scraped data with server side JavaScript

Category: Examples, JavaScript, Yahoo!

I am a big fan of YQL, a terribly easy and fuss-free way to access APIs and mix data retrieved from them in a simple, SQL style language. Say for example you want photos of Paris,France from Flickr that are licensed with Creative Commons attribution, you can do this with a single command: < View Read the rest…

Posted by Chris Heilmann at 9:28 am
11 Comments

++++-
4 rating from 30 votes

Wednesday, April 22nd, 2009

Dynamic Content Injection with HTML5 Canvas and Video

Category: Canvas, Examples, Firefox, Video

Paul Rouget and Tristan Nitot are having a lot of obvious fun with Canvas and <video> these days. The latest goodness is a demo by Paul that shows real-time dynamic content injection. Notice the Firefox logo in between the two phones with bright screens? That is injected into the world thanks to Canvas. How did Read the rest…

Posted by Dion Almaer at 8:50 am
5 Comments

+++--
3.7 rating from 66 votes

Friday, April 3rd, 2009

Auto Scrolling Parallax Effect in CSS

Category: CSS, Examples

Paul Hayes is off doing more fun things, this time creating an auto scrolling parallax effect with CSS, specifically using multiple background images on a single element and the -webkit-transition property to provide the auto-scrolling. All with a bit o’ CSS: < View plain text > css #background {         background: url(’../images/foreground.png’) Read the rest…

Posted by Dion Almaer at 1:01 am
5 Comments

+----
1.5 rating from 258 votes

Thursday, March 26th, 2009

Creating a clock in CSS

Category: CSS, Examples

If you ever go to the BBC website you will see the working clock in the top right: It thus seems appropriate that Paul Hayes of London has created an interesting experiment that shows how you can create an analogue clock using just CSS and JavaScript is only used to get the current time. The Read the rest…

Posted by Dion Almaer at 7:11 am
15 Comments

+++--
3.7 rating from 37 votes

Thursday, March 19th, 2009

Vizeddit: Visualization of Reddit

Category: Examples, MooTools

Yvo Schaap has created a reasonably interesting real-time front-end to Reddit data over at erqqvg.com. It’s actually a really cool visualization of how Reddit’s stories change over time, with “yellow-fade” indications when new comments and votes and registered. Super-nice. (The screenshot doesn’t do it justice; go check it out.) But that’s only half the story. Read the rest…

Posted by Ben Galbraith at 6:00 am
Comment here

+++--
3.8 rating from 18 votes

Wednesday, March 18th, 2009

Super fast client side searches – the Flickr way

Category: Examples, JSON, Performance, XmlHttpRequest, Yahoo!

Over at the Flickr development blog, Ross Harmes, one of those lesser sung JavaScript heroes explains in detail how Flickr creates really fast client side searches and one of the implementations of these findings is the newly released find people faster feature: The main findings of the team were that eval() is not only evil Read the rest…

Posted by Chris Heilmann at 2:38 pm
7 Comments

+++--
3.6 rating from 23 votes

Thursday, February 26th, 2009

Aurora: Class types and invariants in JavaScript

Category: Examples, JavaScript

Ryan Morr has created a really fun experiment that shows the versatility of JavaScript. He just announced Aurora, fun times with class types and invariants in JavaScript. He introduces the project: The goal of the project is to provide a means of defining instance variables bound to a specific data type as you would find Read the rest…

Posted by Dion Almaer at 2:21 pm
Comment here

+++--
3.7 rating from 37 votes