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