notes.42loops.com

My second ribbon…

Sun, 28 Aug 2011 22:40:11 +0200

My second ribbon…

My first ribbon with the help from @gwenwebworld !

Tue, 23 Aug 2011 09:02:00 +0200

My first ribbon with the help from @gwenwebworld !

A beautiful generative art experiment from Yuri Vishnevsky!

Thu, 13 Jan 2011 19:22:05 +0100

A beautiful generative art experiment from Yuri Vishnevsky!

Winter 2010 -> 2011

Wed, 05 Jan 2011 10:52:14 +0100

Winter 2010 -> 2011

wpbasti: Well done: Checkered, stripes & other background...

Thu, 23 Dec 2010 18:34:18 +0100

wpbasti:

Well done: Checkered, stripes & other background patterns with CSS3 gradients « Lea Verou

9-bits: Looks like Christmas came a little early: Yummygum has...

Tue, 14 Dec 2010 19:14:32 +0100

9-bits:

Looks like Christmas came a little early: Yummygum has released iconSweets 2, a new pack of over 1,000 vector icons, free for use in non-commercial and commercial projects.

Cat vs Internet

Tue, 14 Dec 2010 11:25:27 +0100

Cat vs Internet

"GPU acceleration for CSS3 transforms is a significant area of catch-up for the Android team."

Fri, 10 Dec 2010 16:38:05 +0100

“GPU acceleration for CSS3 transforms is a significant area of catch-up for the Android team.”

- Samsung Galaxy Android Tablet: The HTML5 Developer Scorecard - Sencha (via wpbasti)

PhoneGap and supporting the Retina display

Tue, 07 Dec 2010 11:39:06 +0100

While making an IPhone Version of 123Abc, I was searching yesterday who to support the retina display of the last IPhone.

This is easier as I thought thanks to CSS3 media query (cf. Walt Grayson’s blog & Erik Runyon’s blog).

In the main HTML file:

< link rel="stylesheet" href="css/retina.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" >

In the retina.css file, to properly display a 200x200 pixels background image in a 100x100 div with the id #test:

#test { background:url('pics/img@2x.png'); height:100px; width:100px; background-size:100px 100px; }

And for sprites like this one:

Just give the width of the background-size property, in my case:

... background-size:50px; ...

That’s all…

To Dunkerque (Taken with Instagram at In The TGV)

Sat, 04 Dec 2010 15:30:39 +0100

To Dunkerque (Taken with Instagram at In The TGV)

PhoneGap and adding external links...

Thu, 02 Dec 2010 13:35:42 +0100

To prevent default behaviors of the Touch events, I do this:

var eventNames = ['touchmove', 'touchstart', 'touchend', 'touchcancel'];

function preventDefaultBehavior(evt) {
evt.preventDefault();
}

eventNames.forEach(function(eventName) {
document.addEventListener(eventName, preventDefaultBehavior, false);
});

But this prevents also the <a> element to be clicked… That is the <a> is totally useless

My solution:

Suppose you have a <div> element MyElement

MyElement.addEventListener('touchstart', function (evt) { window.location = "http://42loops.com"; }, false);

That’s all…

everythingapple: Early Adopter

Thu, 02 Dec 2010 12:55:25 +0100

everythingapple:

Early Adopter

Google Android Hidden Secret Codes

Sat, 27 Nov 2010 18:44:58 +0100

Google Android Hidden Secret Codes

IPhone Wireframe...

Mon, 22 Nov 2010 15:42:41 +0100

IPhone Wireframe...

Transition in transition...

Sat, 20 Nov 2010 18:28:01 +0100

Transition in transition...

Loving the Fluid2 theme by tmblg.com!

Mon, 15 Nov 2010 12:29:14 +0100

Loving the Fluid2 theme by tmblg.com!

My baby app just hit the App Store!

Fri, 12 Nov 2010 22:27:37 +0100

My baby app just hit the App Store!

Waiting For Review...

Wed, 03 Nov 2010 00:19:34 +0100

My baby app 123Abc is in the app store submission process.
123abc.42loops.com is ready!

All Fronteers 2010 Videos

Thu, 28 Oct 2010 14:06:34 +0200

All Fronteers 2010 Videos

Touch UIs are Quite Different

Thu, 28 Oct 2010 13:50:55 +0200

View more presentations from pankorho.