Css | web2ajax

avr201009No talk

Amazing HTML5 use : The Man From Hollywood

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é. [read more]

mar2010052 talks

Genius Menu – jQuery plugin Like MacOS Dock Menu Effect

Genius Menu is an highly flexible expand list plugin for jQuery.
The Expand style is inspired from MaxOSX Dock Genius Effect.

Click on View Demo to look at effect, flexibility and code. [read more]

mai2008011 talk

Web Design Awards #1

Les Web Design Awards de web2ajax

Voici, voilà, je vous ai préparé une courte liste de références trouvées sur la toile. Des coups de coeur et des bonnes idées qui méritent d'être connues.

Au programme : un site clair et léger, un bon exemple de page d'inscription, un catalogue de produit efficace, des couleurs trippantes :)

[read more]

avr200816No talk

Insérez des indicateurs de chargement directement en JavaScript !!

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 ! [read more]

fév2008274 talks

IUI (User Interface Library for Safari )

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.

fév200803173 talks

FaceBook Like – jQuery and autosuggest Search Engine

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

sept2007308 talks

jQuery : Rounded corners plugin

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... [read more]

sept200718No talk

Besoin d’un menu CSS joli, vite fait bien fait ?

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.

août200723No talk

Superposition de Div et IE…

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 ! ;)

web2ajax : The Blog