Issue dune formation informatique spécialisée WEB, vous justifiez dau moins 2 ans dexpériences en entreprise à un poste similaire.Passionné par votre métier, vous vous définissez comme quelquun de motivé et rigoureux , avez la culture Open Source et vous maîtrisez la programmation orientée objet. Compétences Requises:Langages : . PHP, XHTML, CSS, JavascriptBases de données : MySQLOpen Source : CMS eZ Publish, JoomlaCompétences complémentaires:Langages:  AS3Framework : JelixOpen Source : Zimbra, OpenERP, DrupalDes connaissances d'administration de serveurs Linux est un plus.Mission :Sous la responsabilité du directeur de production, vous intégrez léquipe de production pour participer activement à la conception et à la réalisation de nos projets.

Poste basé à Marseille.

Envoi de votre CV :

Voici quelques jours, je vous faisais partager mon plaisir d'avoir découvert l'éditeur HTML CODA, de Panic Software : Une petite merveille pour le codage HTML, PHP et CSS. Toutefois, je rechignais encore à mettre à la corbeille mon bon vieux Dreamweaver 8, avec lequel je coutais encore aux joies de l'édition Wysiwyg.

Et voilà que dans le fil d'infos de MacUpdate je tombe sur Flux 1.1, un éditeur CSS en mode Wysiwyg développé par une jeune équipe londonienne, The Escapers. Halleluiah ! Encore toute chaude à la sortie de la phase de Beta tests, la version 1.1 est téléchargeable, et je ne saurais que trop vous conseiller de l'expérimenter dès aujourd'hui.

J'adore le support français, le client FTP et l'éditeur d'images (effets quartz pour boutons) intégrés !

Ci-dessous quelques captures d'écran pour vous mettre en appétit.

Parfois, la goutte fait déborder le vase ... si comme moi vous êtes fatigués de chercher l'utilitaire qui va bien, je vous propose une nouvelle rubrique.

Je commence par une fonction simple : Un encodeur / decodeur d'URL

URL Decoder/Encoder

%7Bembedded%3Atrue%2CbaseURL%3A%27http%3A//web.infostrates.fr/infolabs%27%2CcontrolBarBackgroundColor%3A%270x222222%27%2CemailPostUrl%3Afalse%2CuseNativeFullScreen%3Atrue%2CinitialScale%3A%27scale%27%2CplayList%3A%5B%7BoverlayId%3A%27play%27%2Curl%3A%27/media/fckeditor/image/wink_smile.gif%27%7D%2C%7Burl%3A%27http%3A//web.infostrates.fr/infolabs/media/fckeditor/file/test.flv%3Fsource%3D1%27%7D%5D%2CautoBuffering%3Afalse%2CautoPlay%3Afalse%7D -

Il s'est passé quelque chose le 22 janvier 2008 ... c'était très discret, et ça n'a pas mérité 10s au journal de 20h00 ... et pourtant, c'est le futur du web qui est en train de se dessiner autour du nouveau standard HTML 5 !

Naturellement, l'information est à prendre à la source, sur le site du W3C : http://www.w3.org/html/wg/html5/

C'est une vraie bone nuvelle pour les intégrateurs et devéloppeurs que nous sommes, comme pour les éditeurs de logiciel qui vont pourvoir préparer de nouvelles versions majeures de leurs éditeurs de pages web et de CSS.

Toutefois, cela lance un vrai débat de fond, car qui du positionnement par rapport au standard XHTML 2.0 ? A ce propos, je vous invite lire un article assez critique sur le sujet : http://xhtml.com/fr/future/x-html-5-versus-xhtml-2/#x5

On s'en doute HTML 5 ne sera pas encore le saint Graal tant attendu, il repose encore sur certians compromis, dans un souci de rétro-compatibilité. Mais bon, ça va néanmoins dans le bon sens.

Et de toute façon, la question sera résolue par les choix des éditeurs des princpaux navigateurs : Microsoft pour IE, Mozilla pour Firefox, et Apple pour Safari. Une aventure palpitante pour les prochains mois, qui n'est pas sans rappeler la lutte sans merci que se livrent Toshiba et Sony pour leurs standards respectifs DVD-HD et Blu-Ray.

Et nous, pauvres webmasters, nous n'avons pas fini de transpirer !

Chers amis webmasters qui avez switché !

Votre bonheur serait total s'il y avait sur Mac un éditeur web digne de ce nom, à la fois pertinent pour le codeur qui someille en vous et ultra-ergonomique pour l'utilisateur exigeant qu'Apple a révélé en vous.

Vous avez naturellement essayé Adobe Dreamweaver ... très très lourd et gourmand.

Vous avez essayé iWeb, Rapid Weaver et autres Sandvox ... trop trop légers.

Vous vous êtes rabattus sur vtre éditeur de texte ultra-léger, type Smultron ou Textmate, sur lequel vous vous consolez en éditant les fichiers CSS de votre CMS favori ...

Mais ne désespérez pas ! La solution est là, et elle s'appelle ... CODA ! Merci à Panic Software pour cette magnifique pépite, que je qualifierais pour résumer de "Dreamweaver Pro porté nativement dans Mac OS X".

Dans CODA 1.1 vous allez trouver :

• Un gestionnaire de sites, avec support SFTP et terminal SSH,
• Un éditeur HTML en mode code source et Wysiwyg,
• Un éditeur CSS très pointu,
• Une sympathique librairie de code : HTML, CSS, PHP, Javascript ...

Le tout dans un fenêtrage Apple Aqua à pleurer de bonheur ! Merci, promis je ferai bruler un cierge à la vierge !

On ne présente plus le script Lightbox utiliser pour la mise en valeur des images et faire une presentation style diaporama.

Une petite variante developpée par nos soin va nous permettre d'utiliser le script avec un diaporama automatique. Un exemple d'utilisation sur le site de l' agence de voyages Tourinter.

Le code retouché est disponible ici : lightbox_diaporama.zip 63,81 kB

C'est definitivement la nouvelle facon de traiter les images pop-up sur le web : Une picorette incontournable a stocker dans votre trousse Javascript :

http://www.huddletogether.com/projects/lightbox2/

A noter d'autres projets voisins :- Thickbox- Litebox

Thickbox s'appuie sur une interessante librairie : JQuery.

Avec la montee en puissance d'Ajax dans le devloppement web de type HTML "traditionnel", c'est le langage Javascript qui signe son grand retour sur nos ecrans. L'occasion de faire un point sur la trousse a outils du developpeur :

Les guides de reference : Pour tout savoir sur Javascript, DOM et CSS=> Le W3c : http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/=> La fondation Mozilla : http://developer.mozilla.org/en/docs/Main_Page=> Microsoft : c'est ici :-)

Les IDE :=> Dreamweaver 8 : Il reste incontournable et cross-platform, mais toujours aussi cher.=> Eclipse 3.2 : La plateforme Open Source a la mode permet bien entendu d'editer du Javascript de facon native, mais permet de le faire encore mieux a travers certaines extensions dediees : JSEclipse, MyEclipse, JSEditor, ...=> Sur Mac OS X, quelques pepites doivent etre promues : Smultron et TextMate.

Les debuggers :=> INCONTOURNABLE : L' extension Web Developer de Firefox=> Le fin du fin : Firebug, plus aucune erreur ne pourra vous echapper :)=> Pour l'univers IE, c'est un peu plus complique, surtout a l'heure du passage a Vista et IE7. Signalons toutefois un vieux debugger Jscript et une toolbar developpeurs pour IE6.

Les frameworks et pepites :=> Adobe Spry 1.3 : Un bon framework pour debuter avec les interfaces enrichies.=> Protoype et Moo.fx : Pour pousser un cran plus loin. A noter que c'est la librairie mise en oeuvre par l'excellent RapidWeaver 3.5 !=> Dojo toolkit 0.4 : Pour developpeurs avertis et projets plus ambitieux ;-)=> SWFObject : L'indispensable librairie pour manipuler les animations Flash sans soucis, un grand merci a Geoff Stearns pour cette realisation.

Bonne programation a tous !

PS: et n'oubliez pas que "JAVA-script" ne veut rien dire ! Si le nom originel etait Livescript en 1995, il est aujourd'hui plus officiellement ECMA-script, la derniere version valide en date d'Octobre 2006 etant la version 1.7, supportee uniquement par le moteur Gecko 1.8.1 (Firefox 2). Pour en savoir plus : http://fr.wikipedia.org/wiki/ECMAScript

Parmis les 7 pêchés capitaux de (feu) IE6, le fait qu'il ne supporte pas le format d'images PNG n'est pas le moindre !

De cassages de dents en ulcères d'estomacs, Erazor et moi-même livrons ici une solution viable, qui a été l'occasion de découvrir des fonctionnalités peu connues de Internet Explorer.

Cette solution règle la question de la transparence des PNG pour IE5.5+ et IE 6.x. Tout le crédit en revient à Erik Arvidsson :

=> Téléchargez le pack PNGBehavior=> Copiez le fichier pngbehavior.htc ansi qu'un fichier blank.gif (1 pixel transparent) dans le répertoire de votre feuille de style CSS=> Dans votre feuille de style CSS, ajoutez la déclaration suivante :"img { behavior: url("chemin_de_ma_feuille_de_style/pngbehavior.htc");}"

Et c'est tout !

Pour ceux que les détails techniques excitent, je vous laisse le soin de consulter les explications détaillées de Erik Arvidsson ;)

Quand je vous le dis que Mac Os X est la plate-forme de développement idéale pour le web : Même Adobe (feu Macromedia) le prouve en rendant enfin disponible (en beta) Flex Builder 2 pour cette plate-forme. A télécharger ici : http://labs.adobe.com/technologies/flexbuilder2/

Evidemment, un tel portage est rendu possible via le socle Eclipse.: C'est par ailleurs l'occasion de vous réinviter à tester le bridge Flex-Ajax : http://labs.adobe.com/wiki/index.php/Flex-Ajax_Bridge