Freelance Expert Technique Magento -

CONTACT
RSS

Éditeur de Tags pour image avec jQuery

Salut tout le monde !
Alors ici nous allons rapidement voir comment réaliser un éditeur de Tag en javascript. Bon celui que je présente ici est assez simple, il permet simplement de placer des indicateurs révélant une information au survol.
Vous trouverez, comme d’hab’, une dĂ©mo et les sources ci-dessous. Pour les explications, merci de lire la suite :)

LIRE LA SUITE

CATÉGORIES :

Javascript

, Tutoriels

, jQuery

Nouvelle robe pour un nouveau départ

L’heure est au renouveau ! Je viens juste de terminer l’intĂ©gration du  nouveau design du site (il y a encore surement quelques bugs Ă©parpillĂ©s, je les corrigerai au fur et Ă  mesure des diffĂ©rents retours ^^).

Le temps a passĂ© depuis la fin de nos Ă©tudes respectives et l’entrĂ©e dans la vie active ne nous permettait plus de trouver un peu de temps pour venir parfaire le contenu de ce blog, ce qui m’a personnellement toujours un peu attristĂ©.

DĂ©sormais je dispose d’un emploi du temps assez fixe qui me permet de reprendre un peu mon activitĂ© de rĂ©dacteur novice pour Ă  nouveau vous proposer quelques trucs pas bien glorieux :) (Qui par la mĂŞme me servent Ă©galement de notes pour des dĂ©veloppements futurs).

Vous avez surement remarquĂ© le nouveau design gĂ©nĂ©ral du site. Bon soyez indulgent, ceci est mon premier design “recherchĂ©”, je n’ai pas la prĂ©tention d’ĂŞtre designer, mon boulot Ă  moi c’est du dev’. J’aimerai quand mĂŞme avoir votre avis Ă  son sujet, ce que vous en pensez. Je l’ai intitulĂ© “Nanane Falling Rabbits“, plutĂ´t cool comme nom, non ?

Bon bon, parlons un peu maintenant de ce contenu Ă  venir.. Je travaille depuis quelques temps sous Magento, un “CMS” eCommerce relativement abouti et j’ai Ă©tĂ© fort peinĂ© de constater que très peu d’informations, d’exemples ou tutoriels circulent sur le Web Ă  ce sujet. J’ai, au cours du dĂ©veloppement des 3 sites sur lesquels je travaille actuellement,  notĂ© les diffĂ©rents points sur lesquels j’avais pĂ©chĂ© niveau connaissance et vous proposerai toute une sĂ©rie de rĂ©dactions traitants de ces diffĂ©rents points. Ces dernières iront d’une simple astuce ou dĂ©couverte personnelle, jusqu’Ă  des tutoriels Ă©laborĂ©s.

En dehors de l’arrivĂ©e de Magento dans mon travail quotidien, j’utilise toujours autant la librairie javascript jQuery, et ai quelques petits trucs Ă  pondre Ă©galement, notamment un gĂ©nĂ©rateur de tags pour un slider promotionnel (Ă  voir sous peu).

Bon et bien voilĂ  pour cette entrĂ©e en matière, j’espère que vous serez satisfait du contenu Ă  venir et vous souhaite, par la mĂŞme occasion, une excellente annĂ©e 2011 :)

A fort bientĂ´t.

CATÉGORIES :

Actualités

, Divers

Firefox 4 pour Mobile Beta1

Cette semaine, Firefox place en beta pour Android et Maemo sa version mobile de Firefox4 qui comprend Firefox Sync.

Pour de plus amples informations, car je ne vais pas m’atteler à une traduction bête et stupide, rendez vous sur le lien de la source.

source The Mozilla Blog

CATÉGORIES :

Actualités

, Divers

[JS] Appels hiérarchiques en Ajax

Nous allons voir dans ce Tutoriel comment rĂ©aliser ce que j’appellerai des Appels HiĂ©rarchiques en Ajax.
Le principe est le suivant :
1- Le Layout du site se charge sans contenu
2- Le Layout appelle un premier contenu
3- Le contenu appelé appelle à son tour un nouveau contenu

L’intĂ©rĂŞt peut ne pas paraĂ®tre Ă©vident, mais il permet de dĂ©composer le chargement du site, le tout animĂ© par un petit GIF kikoolol qui embellira le tout.

LIRE LA SUITE

CATÉGORIES :

Javascript

, jQuery

[JS] Créer une barre de progression

Nous allons voir ici comment crĂ©er un rendu de chargement d’une gĂ©nĂ©ration de fichier. Dans mon cas, j’ai crĂ©Ă© ce petit script au sein d’un gĂ©nĂ©rateur de site, dont un module permet l’import et l’export d’application (permettant de passer les applys du serveur de test au serveur de prod).

Le principe est assez simple,

1- On crĂ©e 20 <img /> qui feront office d’ Ă©tapes de la barre de chargement ainsi que les emplacements pour afficher le temps restant.

2- On rĂ©cupère une variable passĂ©e dans un formulaire ou n’importe quoi, tant qu’on peut la rĂ©cupĂ©rer en javascript, qui contient en seconde le temps nĂ©cessaire Ă  la gĂ©nĂ©ration du fichier (Je ne montre pas mon script ici, je ne parlerai que du rendu).

3- On crĂ©e la fonction javascript permettant de mettre Ă  jour le temps restant et d’afficher progressivement les Ă©tapes de la barre de chargement.

LIRE LA SUITE

CATÉGORIES :

Javascript

Résultat du concours pour gagnez en éléPHPant

Salut Ă  tous !

Bon, dĂ©solĂ© pour le retard mais tous les gagnants n’avaient pas rĂ©pondu Ă  leurs mails, je ne voulais pas faire l’article avant. Pour procĂ©der au tirage au sort, nous avons ajouter les participants de twitter Ă  la suite des participants du blog puis direction random.org pour tirer 5 numĂ©ros (par Calou, c’est un foufou Calou) !

Les gagnants sont donc :

Sur la troisième marche :

Ces trois participants repartent donc avec une balle anti-stress Be-Zend et un stickers Symfony !

Le vainqueur du Tee-Shirt PHP est :

Et pour finir, le vainqueur de la peluche :

Bravo Ă  tous, vos colis sont en cours de prĂ©paration ! Et pour les autres, peut ĂŞtre qu’un autre concours verra le jour bientĂ´t alors restez connectĂ©s !

Article rédigé par @Atol_

CATÉGORIES :

Actualités

ZF – À la conquête de Zend Framework ! – introduction à Zend_Form

Avant de poursuivre dans notre conquête, nous allons faire un tour du coté des formulaires.
Zend_Form est un composants permettant la gestion des formulaires, il permet entre autre leur création, leur validation et leur rendu.
Certaines facettes de ce composant sont assez complexes Ă  apprĂ©hender d’oĂą la rĂ©daction d’un premier article dĂ©diĂ©.
Les formulaires ne sont pas vraiment des modèles (MVC) dans le sens « interface d’accès aux donnĂ©es », bien qu’ils le permettent aussi. Il est donc souvent conseillĂ© de les sĂ©parer des modèles traditionnels et de les mettre dans un rĂ©pertoire Ă  part.
Cela implique soit d’ajouter notre rĂ©pertoire Ă  l’ include_path dans le index.php soit de dĂ©clarer notre espace de nom dans le bootstrap via l’autoloader.
LIRE LA SUITE

CATÉGORIES :

Actualités

, Tutoriels

, Zend

[Concours] Gagnez en éléPHPant et de nombreux autres lots !

Aujourd’hui, Nanane.fr vous propose, en partenariat avec l’INSSET de St-Quentin, de vous faire gagner quelques lots :

concours-nanane

1er lot :

  • Un Ă©lĂ©PHPant, la mascotte PHP
  • Une balle anti-stress Be-Zend (organisĂ©e par l’INSSET / UPJV)
  • Trois stickers Symfony

2nd lot :

  • Un tee-shirt PHP
  • Une balle anti-stress Be-Zend
  • Trois stickers Symfony

3ème au 5ème lot :

  • Une balle anti-stress Be-Zend
  • 1 stickers Symfony

LIRE LA SUITE

CATÉGORIES :

Actualités

Google lance Skipfish

skipfish-google

La sĂ©curitĂ© sur Internet est un point fondamental – Que dis-je ? Primordial ! – et Google l’a bien compris. En effet, l’entreprise vient de sortir un nouvel outils baptisĂ© SkipFish, permettant d’aider les dĂ©veloppeurs web Ă  sĂ©curiser leurs applications.

SkipFish, c’est un projet libre, c’est open-source et c’est entièrement automatisĂ©. Un projet intĂ©ressant pour trois raisons :

  • Sa rapiditĂ© : l’application est Ă©crite en C, consomme très peu de ressources processeurs. Elle est capable de gĂ©rer 2000 requĂŞtes par seconde avec des rĂ©sultats adaptĂ©s.
  • Sa facilitĂ© d’utilisation : Une interface simple est clair. What else ?
  • Et enfin, une intĂ©gration des meilleurs outils de vĂ©rification capable de repĂ©rer une sĂ©rie de failles subtiles ou autres injections.

Google permet d’apporter sa contribution Ă  la communautĂ© et faire des Ă©valuations au niveau de la sĂ©curitĂ© qui sera accessible Ă  tous et pour tous.

Pour tĂ©lĂ©charger le scanneur, vous n’avez qu’Ă  vous rendre sur cette page et dĂ©couvrir aussi la documentation dĂ©taillĂ©e du projet ici.

http://translate.googleusercontent.com/translate_c?hl=fr&ie=UTF-8&sl=en&tl=fr&u=http://code.google.com/p/skipfish&rurl=translate.google.fr&usg=ALkJrhh5xrX2gUUpI90Hr1uPMtNaUSCwRA
CATÉGORIES :

Actualités

Google Analytics permettra d’empĂŞcher la surveillance

Le cĂ©lèbre outil d’analyse de sites web proposĂ© gratuitement par le gĂ©ant Google permettra bientĂ´t aux internautes d’empĂŞcher d’ĂŞtre Ă©piĂ©s et tyrannisĂ©s.

En effet, Google Analytics pourrait poser un problème d’Ă©thique puisque l’outil rĂ©colte Ă©normĂ©ment d’informations sur les internautes visitant un site web proposant le service. Cela va du navigateur utilisĂ©, au mot clĂ© tapĂ© sur Google, de la source et mĂŞme de la ville ou vous vous situez. Et le tout sans vous demander votre avis, vous internautes. MĂŞme si cela reste au fond plus ou moins anonyme (il n’y a votre nom ou prĂ©nom et encore moins l’adresse exacte ou vous demeurez).

Donc la firme serait entrain de dĂ©velopper un plugin pouvant pallier ce pseudo problème d’Ă©thique.

Google Analytics est très puissant pour le webmaster d’un site, il permet de cibler sa clientèle ou ses visiteurs et ainsi amĂ©liorer son contenu.

L’outil devrait voir le jour dans quelques semaines. Stay tuned.

CATÉGORIES :

Actualités