La sécurité de WordPress est vraiment quelque chose d’indispensable. Etant de l’open source, il est rapide pour quelqu’un qui s’y connait un minimum, de trouver la belle petite faille pour plomber tout votre site !

Honnêtement il n’y a pas de solution miracle, un con un petit malin qui veut hacker votre worpress, avec un peu de temps et de patiente, il y arrivera surement. Oui, mais pourquoi devrions-nous lui faciliter la tache ? Autant leurs en faire baver…

SOMMAIRE :

I Les principes de bases

I.1 Mettre à jour votre version

I.2 Cacher votre version

Dans un soucis d’écriture, nous allons appeler notre hacker « Robert » (Mes excuse si c’est votre prénom.)

I – Les principes de bases.

I.1 Mettre votre version de WordPress à jour.

Avant tout, il faut que votre version de Wordpress soit à jour, toujours, toujours… et toujours ! Un wordpress pas à jour c’est un pousse au viole. Avec le temps, les failles se dévoilent, si vous ne faites pas d’update alors la faille n’est pas corriger.

Fatalement, Robert n’aura pas besoin de ce fouler pour l’exploiter, rentrer dans votre admin, et Robert va tout supprimer ! (qu’il est fourbe ce Robert)

Si vous vous demandez où est-ce que vous pouvez trouver à coup sur la dernière version de Wordpress stable, c’est ici : http://fr.wordpress.org. Elle sera toujours sur cette page, et ils vous expliques comment procéder.

Sinon, lors de la sortie d’une nouvelle version, votre admin vous proposera très vite de mettre à jour. Ne vous inquiétez pas, si une nouvelle version sort, vous serez forcement au courant. (Robert aussi)

I.2 – Cacher votre version de wordpress

Bon rassurez-vous, si jamais vous avez peur de mettre à jour, (avouons-le, leurs maj bug facilement) vous pouvez cacher votre version de WordPress.

De cette façon Robert risque de passer un petit moment à se demander si 1 : est-ce vraiment un WordPress ?  (bon un petit /wp-admin et l’énigme est résolu) et 2 : sur qu’elle version de WordPress je m’aventure ?

Je m’explique ; chaque version ont leurs propres failles, (qui sont évidemment corrigées dans les versions qui suivent), Robert jette un petit coup d’œil à votre source, repaire la version, et sait directement qu’elle faille attaquer. En résumé « dit moi ta version, je te dirai tes failles »,  nous, nous ne donnerons pas notre version !

Voici ce dont je parle :

L’info ce trouver sur 2 fichiers, « header.php » et « footer.php ». Sur les version antérieure à wordpress 3.0, il suffisai de supprimer la ligne «  », si vous en faites partie, pour vous le problème est réglé, pour les autres, il va falloir ruser.

Sur la version 3.0 (ou superieure) de wordpress, il y à deux methode :

La méthode brutal :  consiste à aller dans le fichier « wp-include/general-template.php », dedans, remplacer toutes les lignes dans se style la :

Par :

Elles se situent vers les lignes 2200 (vous les trouverez facilement).

L’autre méthode est beaucoup plus douce et en mon sens beaucoup plus propre. Il s’agit de faire un replace(); en Jquery

L’idée est de remplacer la fameuse phrase «  » par « « .

Pour cela, intégré dans votre header.php le js suivant :

Bien sur, si vous appelez déjà lalibrairi jquery vous pouvez enlever la premiere ligne.

Voila! maintenant Robert va pouvoir mettre bien plus de temps a chercher les failles sur votre WordPress. (Il commence à s’énerver Robert !)

La suite arrive dans un prochain article,

Stay Tune !

WebP

Le WebP (comprenez Web Picture) est un dérivé du WebM. Il voudrai devenir le remplaçant des (très) anciens formats que sont le .gif (lancé en 1987) et le .jpeg (1991). L’idée du WebP et d’optimiser le poids de vos pages web. En effet, on estime que les images représente en moyenne 65% du poids d’une page. La compression de ce nouveau format permettrai de gagner en poids et en qualité, ce qui améliorera de façon significative la vitesse d’affichage d’une page internet.

Voici une démonstration :

Cette galerie, veut démontrer l’efficacité du format. Dans tout les cas de figures, le WebP gagne environ 60% de compression et a un rendu de meilleur qualité que tout autres format. L’étude est sérieuse, le test a était poussé sur plusieurs millions d’images aléatoires. Le WebP est toujours sortie du test avec les meilleurs résultats. Seulement attention, la qualité est certes meilleur que le jpg, mais n’oublions pas que ça reste de la compression, et donc de la perte de donné de l’image.

Petit Hic, pour le moment, ce format ne gère pas la transparence alpha, ce qui ne règle pas le problème du .png, qui est un format intéressant mais quand même lourd pour vos pages web. Cependant, il ne saurai tarder que google intégre cette transparence au WebP.

L’utopie du web avec un seul et unique format d’image est il réalisable ? Pourquoi ne pas en faire un format standard et enfin l’utiliser dans vos site ?

Et bien tout dépendra de nos navigateurs. Le soucis étant qu’il a beau être un format intéressant, nous sommes quand même soumis au bon vouloir de nos navigateurs (*toux sèche* internet *toux sèche* explorer ). Rendons nous à l’évidence, il faudra de nombreuses années avant que tout les navigateurs intègrent ce format, et ainsi devenir un standard dans l’ensemble du web.

Il y a fort à penser que ce format subira le même sort que ses prédécesseurs, le JPEG 2000 et le JPEG XR qui on été proposé comme alternative au fameux JPG, malheureusement sans succès.

Cependant, aujourd’hui nous avons toute les chances de le voir se rependre, grâce à des webkit (chrome safari) et espérer une démocratisation du format afin que les autres éditeurs de navigateur (microsoft, mozzila, opera…) veuillent bien implémenter le WebP. Malheureusement, selon eux, la question n’est toujours pas d’actualité ; Le jpg n’a vraiment pas fini de voir du pays.

Pour les plus téméraire, un outils de conversion (compatible linux) nommé WebpConv a été mis à disposition par chromium.

Enjoy !

Src : http://blog.chromium.org/2010/09/webp-new-image-format-for-web.html

source de l’article : http://www.alsacreations.com/actu/lire/1140-webp-nouveau-format-compression-image-google-chromium.html

C’est sous ce nom que nous devrions le connaitre. Facebook a officiellement annoncé le lancement lundi de leur propre messagerie électronique.

Il y a quelques temps « TechCrunch » a annoncé le souhait de Facebook de lancer leur propre système de messagerie en ligne. Annoncé comme un Gmail-Killer, Facebook a officialisé son projet Titan et ainsi nous allons voir apparaître les premières adresses de messagerie   »@facebook.com« .

Il s’agirait d’un vrai web-mail avec un accès POP et IMAP depuis une application cliente, ce qui nous permettra un accès à  notre boite mail hors du site Facebook. On comprend mieux pourquoi Google est devenu de plus en plus hostile à Facebook au sujet de la portabilité des données.

Bon avec tout ça, demandons-nous quel sera l’avenir de ce service ? Va-t-il être réellement utilisé par les internautes, au détriment de Gmail ?

Pour ma part, je pense que FB reste d’abord un outil social, beaucoup de personnes utiliseront son service webmail, mais l’adresse restera un gadget. L’image de l’adresse Google « @gmail.com » produit un effet sérieux et professionnel sur l’interlocuteur que l’adresse facebook n’arrivera pas a afficher de sitôt.

Ceci dit, plus les années passent, et plus la suprématie de Google est remise en question. Bing grignote du terrain, L’os de Google se fait toujours attendre et Facebook n’a plus peur de l’attaquer ouvertement sur son propre terrain.

Il y a fort à parier que d’ici 5 ou 10 ans, Google ne soit plus notre page d’accueil favorite…

Pour ce faire, http://html5test.com va être notre site de référence. Il permet de tester les capacités de votre navigateur selon 160 critères. Le test livre une note qui permet d’évaluer la compatibilité avec le HTML5. Les groupes de critères sont les suivants :

• Doctype
• Canvas
• Video
• Audio
• Geolocation
• Storage
• Offline Web Applications
• Workers
• Section elements
• Grouping content elements
• Text-level semantic elements
• Forms
• User interaction

Nous devrions commencer par le plus utilisé, internet explorer, mais comme je suis adepte du « gardons le meilleur pour la fin » nous allons attendre un peu

Mozilla Firefox 3.6.12

C’est le deuxième navigateur le plus utilisé sur la toile. Il est rapide mais, au fil des maj, il a quand même eu tendance à ralentir. Ceci dit, il reste un bon browser, respectueux des standards, vous l’aimez, et il vous le rend bien !

Score test HTML5 : 139/300 et 4 points bonus.

Pour le coup, c’est assez moyen, un peu en dessous de la moyenne. C’est déjà bien, d’autres maj sont prévues pour mieux gérer le html5.

Safari 5.0.2

Un peu moins utilisé mais reste un incontournable. J’aurais bien fait le test sur une version mac, malheureusement je n’en possède pas. Si jamais vous pouviez le faire, merci de me communiquer le score via les commentaires !

Pour ce qui est de la version windows :

Score test HTML5 : 207/300 et  7 points bonus

Bien mieux que Firefox ; on est au dessus de la moyenne. Ce navigateur ne devrait pas poser de problème au niveau du développement.

Opera 10.63

Là, c’est une petite surprise, j’avoue que je m’attendais à moins, mais bon, je ne dois pas être très objectif du fait que je ne suis pas tellement fan de ce browser.

Score test HTML5 : 159/300 et  7 points bonus

Chrome 7.0.517.44

Bon là aussi je ne suis pas très objectif car c’est clairement mon chouchou . Chrome, navigateur de google, qui a su en très peu de temps faire son trou dans la jungle des browsers. Performant, rapide, simple, j’adore.

Score test HTML5 : 231/300 et 12 points bonus

C’est lui qui s’en sort le mieux dans tout ça. Bien au dessus de la moyenne, on a peu de souci à se faire pour lui.

Et maintenant………

Internet explorer

Pour IE, j’ai fait plusieurs tests, version 8 (IE8), et version 9 beta (IE9).

IE8 :

Score test HTML5 : 27/300 et pas de point bonus !

Pire que ça, le test fait même planter la machine ! Il mouline dans le vide et bouffe toute la ram (je m’attendais à un désastre mais là..)

IE9 :

Score test HTML5 : 96/300 et 5 points bonus.

C’est mieux que le 8, mais il reste encore une fois à la traîne comparé à ses concurrents. Autant vous dire que les développeurs n’ont pas fini de tripler leurs temps de travail grâce à Internet Explorer (merci Microsoft).

Palmares :

1. Chrome : 231pts
2. Safari : 207pts
3. Opera : 159pts
4. Firefox : 139pts
5. Internet Explorer 9 : 96pts
6. Internet Explorer 8 : 27pts.

Enjoy !

J’aimerais pouvoir vous expliquer pourquoi ; mais vraiment, je ne sais que dire. WordPress a volontairement décidé d’empêcher le saut de ligne dans les articles (appuyer plusieurs fois sur « ENTRER » afin de donner un plus grand espace à vos textes et aérer vos articles). C’est une méthode de leur part vraiment agaçante, et je ne sais pas pour vous, mais moi, je déteste quand la machine ne fait pas ce que je souhaite !

Pour régler ce problème, j’ai enfin une solution qui évite la méthode brutale d’aller dans les fichiers wp-include/ et modifier les sources. C’est simple, c’est un plug-in !

TinyMCE Advanced

Plug-in disponible ici -> http://wordpress.org/extend/plugins/tinymce-advanced/

Bien plus qu’un joujou qui réglerait le bug, c’est un plug-in qui s’intégrera pour vous (ça l’est pour moi) par défaut dans vos réalisations WordPress.

Non seulement il autorise le saut de ligne (god bless it) mais il améliore également votre éditeur de texte en rajoutant quelques options sympathiques. Il vous permet aussi de personnaliser en rajoutant/enlevant certaines options de votre éditeur, un bon moyen pour gagner du temps !

Pour cela, une fois le plug-in installé, allez dans « réglages du site », puis « TinyMCE Advanced« , à l’intérieur vous choisirez les options souhaitées, dont le fameux « stop removing <p> and <br>« 

Enjoy !

Seulement voilà, Windows se reposant sur ses jolis lauriers, n’a plus rien sorti après ça. Firefox commence à manger du terrain. Il est rapide, léger et puissant ; depuis ce jour, avouons-le, IE est complètement à la ramasse. Pendant que de nouveaux navigateurs évoluent avec le web, lui se contente du minimum ( et encore…).

Lancement de IE7 en 2006, un échec.  Il est bien loin de ses concurrents (ne regardez pas en avant, il est loin derrière). Certes mieux que IE6 sur la gestion des marqueurs standards (et c’était franchement pas dur..) mais en retard par rapport à ce qui se fait sur le web à cette période. Merci Microsoft, c’était une jolie rustine…

Peu après vient IE8, rêvons-nous? Est-ce que IE8 va enfin respecter les standards, les normes du web? Etre un minimum avant-gardiste et gérer les nouveaux marqueurs css? Oui, nous rêvons… Encore une fois il se contente d’améliorer son ancienne version plus qu’obsolète, et stagne au niveau des navigateurs déjà vieux de 5 ans. Les nouveaux marqueurs css ne sont pas du tout pris en compte, oubliés les border-radius, les text-shadow box-shadow et tous les autres éléments qui vous permettent de faire de sublimes web-design sur Chrome, Firefox, Opéra et Safari (il aura fallu 8 versions pour en arriver la… « Woaw »).

Avec une gestion des marqueurs css3 branlante, nous reviendrons plus précisément dans un prochain post sur les nombreux et merveilleux bugs de cette version.

Aujourd’hui nous en sommes à la phase de développement de la version 9 ! Microsoft nous promet monts et merveilles, avec une version stable, respectueuse des normes W3C, qui gère les css les plus compliquées et enfin, les prometteurs CSS3 et HTML5.

IE9 serait-il enfin la version qui va arrêter de nous faire perdre du temps de travail? Celle qui fera enfin concurrence au bulldozer qu’est Chrome? Désolé, au vu des tests, nous sommes encore bien loin du compte. Comme prédit dans de nombreux articles : IE9, le IE6 du CSS3.

Blog oui, mais aussi portfolio sur lequel vous pourrez retrouver mes principaux travaux et développements.

Tout d’abord je me présente : Julien Amblard, graphiste développer et web-designer freelance, j’ai une véritable passion pour le web et tout ce qui tourne autour. Qu’on soit bien d’accord, je ne prétends pas être « ultra doué de la mort qui tue et sait tout ce que tu veux« . Non, je n’ai pas la science infuse, je suis simplement féru de web-design et aime écrire sur ce que j’ai la chance de découvrir sur la toile.

Ce blog se pose comme une extension de mon portfolio . Il a été conçu dans le but de partager ma passion, mes connaissances, et mon apprentissage avec vous (car oui, dans le web, nous n’avons jamais fini d’apprendre).

Surtout n’hésitez pas à partager vos avis, vos impressions, votre savoir, vos idées (:

So stay tune !