Voilà un effet typographique plus qu'impressionnant !

En effet The Man From Hollywood créé par Tyler Gaw reprend les dialogues de Pulp Fiction pour les animer en un clip kinétique de toute splendeur.

Il utilise pour ça les propriétés css3 spécifiques pour le moment à Safari et Chrome (webkit) : gradients, transforms, transition.

Un petit peu de jQuery pour animer tout ça et jouer la bande audio, pour obtenir un résultat de toute beauté.

Il utilise une fonction que j'aime bien :

[sourcecode]
// Add or remove class names to advance the scene at the specified time
//
direct: function (actor, direction, delay)
{
var a = $(actor);
setTimeout(function ()
{
if (a.hasClass(direction))
{
a.removeClass(direction);
}
else
{
a.addClass(direction);
HOLLYWOOD.helpers.logDirection(direction);
}

}, delay);
},
[/sourcecode]

Ensuite, pour animer, il a juste définit des classes comme 'spotlight', 'actions', 'end', un timeout bien réglé et le tour est joué.

Bon, Tyler à dû se prendre la tête comme il faut pour câler les images, le son etc... Mais quand on voit le résultat... Bravo !

Vu sur ajaxian.

Web2ajaX has a new face today !!

More Funky, more colored, I hope those changes on theme will enjoy your navigation on this blog.

Bye and see you for the next episode...

Suite à l'article vu sur ajaxian, je tenez à vous en faire profiter si vous ne suivez pas encore ce blog :)

Il s'agit en fait d'un js qui, utilisé sans aucune dépendance, permet d'insérer des indicateurs de chargemenr n'importe où et n'importe quand dans votre site !

Jettez un oeil à la démo et voyez par vous même en changeant les paramètres, c'est vraiment génial !!

Vous pouvez l'associer à jQuery par exemple en utilisant ce code :

[sourcecode]
var ctrl = getBusyOverlay($('#box'));
setTimeout(
function() {
ctrl.remove();
}, 2000);
[/sourcecode]

Pour télécharger la librairie et peut-être en faire un plugin jQuery :), cliquez-ici : busy.js

En cherchant à adapter un site web d'un client au navigateur d'iphone, je suis tombé sur ce projet.
Ce SDK simule à merveille l'environnement javascript et d'interface du petit bijoux d'apple.

C'est un projet open source bien sûr ...
Vous pourrez alors réaliser très facilement des interfaces pour iPhone.

FaceBook Autosuggest Like is a powerful jQuery plugin to transform an input field into a real time autocompletion search engine, designed like facebook one.

This plugin require jQuery libs and the autocompletion plugin 'Bsn Autosuggest".

On custom side, make an ajax request and build search plugins to categorize your results.

Features :
- Autocomplete and ajax support
- Database search
- Support search plugins
- Support cache
- Cross Browser support ( IE > 5.5, FireFox, Safari, Opera )

I let u see the demo...
Have Fun !

Tout est bon pour gagner de précieuses minutes pour un webdesigner, et ce plugin est vraiment très pratique.

Comment on fait pour créer une boite avec des coins arrondis en temps normal ? On prend photoshop, on dessine un rectangle avecSelon la variante du poker en ligne, qui est joue. coins arrondis, on découpe l'image en 8, on la stocke sur le serveur et on met tout ça dans un tableau 3x3 ou dans des div imbriqués...

Vous m'avez compris, celà prend du temps et peut devenir fastidieux si on veut changer la couleur, faire des boites de style différents...

Et bien c'est terminé tout ça ! Une ligne de commande suffit à donner le plus bel effet à un simple rectangle de couleur. Pour plus d'informations, lisez ce post : http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery

Vous souhaitez mettre en place un menu design horizontal ou vertical sur votre site, votre blog et ce en moins de 10 minutes ?

Un Générateur de menu vient de faire son apparition sous le nom de http://cssmenumaker.com/

On met le nombre de boutons que l'on veut afficher, le texte, les URL et tout ça est servi dans un zip prêt à utiliser.

Tout développeur web vous le dira : faut vraiment sortir les rames pour que votre site ait exactement la même tête sous IE6, IE7, FireFox, Opera, Safari...

Et je bloquais depuis un bon moment sur un problème de menu déroulant central qui passait en dessous des images du site : ça fait pas terrible.
Tout était nickel sous FireFox (logique ;)) mais pas du tout sur IE (normal).

La réponse sur les forums était 'z-index', 'z-index' et'z-index'... Mais même avec un z-index à 1000000, le div passait toujours en dessous...

Il faut donc savoir que d'une part, un z-index est appliqué seulement sur des Div en position absolute, relative ou fixed.
Mais ce qu'il faut surtout pas louper comme info, et ça j'ai mis du temps à le découvrir, c'est qu'il faut obligatorement mettre le style 'position:relative', avant le 'z-index' car sinon il n'est pas pris en compte...

Ah ! Merci Billou, on s'embeterait sans IE ! ;)