web2ajax » Web Design http://www.web2ajax.fr Tout l'actualité du Web2.0 et de l'AJAX Thu, 10 Feb 2011 00:25:37 +0000 en hourly 1 http://wordpress.org/?v= New Blog Design on web2ajax ! http://www.web2ajax.fr/2010/03/19/new-blog-design-on-web2ajax/ http://www.web2ajax.fr/2010/03/19/new-blog-design-on-web2ajax/#comments Fri, 19 Mar 2010 15:40:42 +0000 Guillaume DE LA RUE http://www.web2ajax.fr/?p=156
New Blog Design on web2ajax !
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...

Related posts:

  1.  Ouverture du Blog !!

]]> http://www.web2ajax.fr/2010/03/19/new-blog-design-on-web2ajax/feed/ 0 Insérez des indicateurs de chargement directement en JavaScript !! http://www.web2ajax.fr/2008/04/16/inserez-des-indicateurs-de-chargement-directement-en-javascript/ http://www.web2ajax.fr/2008/04/16/inserez-des-indicateurs-de-chargement-directement-en-javascript/#comments Wed, 16 Apr 2008 21:14:52 +0000 Guillaume DE LA RUE http://web2ajax.fr/2008/04/16/inserez-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 !

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

Related posts:

  1.  jQuery : Rounded corners plugin
  2.  Validation plugin (Jquery OU Scriptaculous ?)
  3.  jQuery : Edit in place plugin

]]> http://www.web2ajax.fr/2008/04/16/inserez-des-indicateurs-de-chargement-directement-en-javascript/feed/ 0 jQuery : Rounded corners plugin http://www.web2ajax.fr/2007/09/30/jquery-rounded-corners-plugin/ http://www.web2ajax.fr/2007/09/30/jquery-rounded-corners-plugin/#comments Sun, 30 Sep 2007 21:38:37 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/09/30/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 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

Related posts:

  1.  jQuery : Edit in place plugin
  2.  Insérez des indicateurs de chargement directement en JavaScript !!
  3.  Validation plugin (Jquery OU Scriptaculous ?)

]]> http://www.web2ajax.fr/2007/09/30/jquery-rounded-corners-plugin/feed/ 8 Dans la série Générateurs Web2.0 http://www.web2ajax.fr/2007/09/18/dans-la-serie-generateurs-web20/ http://www.web2ajax.fr/2007/09/18/dans-la-serie-generateurs-web20/#comments Tue, 18 Sep 2007 12:59:13 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/09/18/dans-la-serie-generateurs-web20/
Dans la série Générateurs Web2.0
Alors attention, avis aux webmasters : ce post est pour vous !!

Voici un site qui regroupe une palanquée de générateurs Web2.0 pour donner un bon coup de contraste à votre site : http://techmagazine.ws/online-generators/

On y trouve de tout : générateur de badges, de boutons, de loading, de stripes (ces fameuses bandes obliques),  de logos, de textes multicolores...

A utiliser sans modération !

Related posts:

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

]]> http://www.web2ajax.fr/2007/09/18/dans-la-serie-generateurs-web20/feed/ 0 Besoin d’un menu CSS joli, vite fait bien fait ? http://www.web2ajax.fr/2007/09/18/besoin-dun-menu-css-joli-vite-fait-bien-fait/ http://www.web2ajax.fr/2007/09/18/besoin-dun-menu-css-joli-vite-fait-bien-fait/#comments Tue, 18 Sep 2007 12:30:43 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/09/18/besoin-dun-menu-css-joli-vite-fait-bien-fait/
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.

Related posts:

  1.  Ajax : Effet menu ‘DOCK’ à la MacOS X
  2.  Dans la série Générateurs Web2.0
  3.  Genius Menu – jQuery plugin Like MacOS Dock Menu Effect

]]> http://www.web2ajax.fr/2007/09/18/besoin-dun-menu-css-joli-vite-fait-bien-fait/feed/ 0 Accessibilité : Disposition des élements et boutons dans un formulaire http://www.web2ajax.fr/2007/09/05/accessibilite-disposition-des-elements-et-boutons-dans-un-formulaire/ http://www.web2ajax.fr/2007/09/05/accessibilite-disposition-des-elements-et-boutons-dans-un-formulaire/#comments Wed, 05 Sep 2007 08:26:48 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/09/05/accessibilite-disposition-des-elements-et-boutons-dans-un-formulaire/

Je commence à lire pas mal de choses sur l'art et la manière de contraster et disposer les éléments d'une page web pour que l'oeil du visiteur suive un chemin précis que j'ai fixé.

 

C'est pas facile, mais quoiqu'il en soit, ça améliore terriblement le rendu visuel et le visiteur ne se dit pas : "Mais c'est quoi ce site où je comprends rien ??"(D'ailleurs, vous me ferez penser à changer le design du site qui est à mon gout horrible...).

 

Bon en tout cas, voici un excellent article linké par Ajaxian (http://ajaxian.com/archives/primary-secondary-actions-in-web-forms) , et une étude métrique faite sur 23 utilisateurs que l'on a instrumenté pour voir où se poser leur regard.

=> Très interessant et instructif, à consulter donc d'urgence : http://www.lukew.com/resources/articles/PSactions.asp

 

Un autre article m'avait également appris beaucoup de choses sur le contraste, et la hauteur des éléments à utiliser pour mettre en évidence le contenu sur un site => c'est rempli de bonnes vérités et de bons conseils.

=> A lire également d'urgence pour rattraper votre retards ;) : http://www.pompage.net/pompe/contraste-et-sens/

 

Allé, je vous laisse pour aujourd'hui ! Ciao.

 

Edit de 10h40 : Et merci à DezinerFolio pour ce thème ! (http://www.dezinerfolio.com/2007/09/04/simpress-free-theme-download/)

Related posts:

  1.  Dans la série Générateurs Web2.0

]]> http://www.web2ajax.fr/2007/09/05/accessibilite-disposition-des-elements-et-boutons-dans-un-formulaire/feed/ 0 Un effet ‘Fader’ du plus bel effet… justement ! http://www.web2ajax.fr/2007/08/29/un-effet-fader-du-plus-bel-effet-justement/ http://www.web2ajax.fr/2007/08/29/un-effet-fader-du-plus-bel-effet-justement/#comments Wed, 29 Aug 2007 08:31:43 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/08/29/un-effet-fader-du-plus-bel-effet-justement/
Un effet ‘Fader’ du plus bel effet… justement !

Voici un effet de fondu de transparence appliquable sur un élément DIv/A/TD/Button... du plus bel effet. Pour plus d'informations, éditez la source de la page ci-dessous ;)

No related posts.

]]> http://www.web2ajax.fr/2007/08/29/un-effet-fader-du-plus-bel-effet-justement/feed/ 0 Superposition de Div et IE… http://www.web2ajax.fr/2007/08/23/superposition-de-div-et-ie/ http://www.web2ajax.fr/2007/08/23/superposition-de-div-et-ie/#comments Thu, 23 Aug 2007 20:12:03 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/08/23/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 ! ;)

Related posts:

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

]]> http://www.web2ajax.fr/2007/08/23/superposition-de-div-et-ie/feed/ 0 Problème d’espacement balise FORM http://www.web2ajax.fr/2007/08/21/probleme-despacement/ http://www.web2ajax.fr/2007/08/21/probleme-despacement/#comments Tue, 21 Aug 2007 14:03:15 +0000 Guillaume DE LA RUE http://web2ajax.fr/2007/08/21/probleme-despacement/
En parlant de IE et de ses grandes capacités à respecter les normes CSS 2.0 (séquence ironie), voici un truc et astuce pour ceux qui se demandent : 'Mais pourquoi sous IE j'ai un espace qui me flingue ma mise en page au niveau du formulaire ?'

Pas de panique !

Il suffit juste de rajouter ces propriétés de style : margin:0px; padding:0px; display:inline;

Merci qui ?

No related posts.

]]> http://www.web2ajax.fr/2007/08/21/probleme-despacement/feed/ 0 Ajax : Effet menu ‘DOCK’ à la MacOS X http://www.web2ajax.fr/2007/08/20/ajax-effet-menu-dock-a-la-macos-x/ http://www.web2ajax.fr/2007/08/20/ajax-effet-menu-dock-a-la-macos-x/#comments Mon, 20 Aug 2007 19:08:47 +0000 Guillaume DE LA RUE http://www.web2ajax.fr/2007/08/20/ajax-effet-menu-dock-a-la-macos-x/
Ajax : Effet menu ‘DOCK’ à la MacOS X
Sans FrameWork AJAX : FishEye Menu

Avec jQuery : iconDock jQuery Plugin

Avec prototype et scriptaculous : WhaleSalad

Related posts:

  1.  Genius Menu – jQuery plugin Like MacOS Dock Menu Effect
  2.  Quel framework Ajax choisir ?
  3.  Validation plugin (Jquery OU Scriptaculous ?)

]]> http://www.web2ajax.fr/2007/08/20/ajax-effet-menu-dock-a-la-macos-x/feed/ 1