16
avr

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 ebcore 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 :

  1. var ctrl = getBusyOverlay($(‘#box’));
  2. setTimeout(
        function() {
            ctrl.remove();
        }, 2000);

 

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

 

 

27
fév

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.

 

iui logo  Projet IUI

Ce SDK simule à merveille l’environnement javascript et d’interface du petit bijoux d’apple.

C’est un projet open source bien sûr ..

Download It !

 

Vous pourrez alors réaliser très facilement des interfaces de ce type :

sudoku

 

 

03
fév

FaceBook Like – jQuery and autosuggest Search Engine

Download It !

 

Je vous présente ici module permettant de mettre en place un moteur de recherche style "FaceBook" avec autocomplétion.

 

Ce module s’appuie sur les librairies de jQuery, ainsi que sur le module d’autocomplétion ‘Bsn Autosuggest".

 

Côté customisation, on peut s’appuyer sur des plugins de recherche qui permettent de catégoriser les résultats de recherche.

 

=> Exemple : http://web2ajax.fr/examples/facebook_searchengine/

 

Have Fun !

30
sept

jQuey : 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 avec coins arrondis, on découpe l’image en 8, on la stocke sur le serveur et on met tout ça dans un tableau 3×3 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

18
sept

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.

23
août

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