css 4 design » Backup http://css4design.com Le blog de l'intégrateur web Sun, 05 Feb 2012 18:10:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WordPress, HTML5, CSS3, jQuery, graphisme et orthographe http://css4design.com/le-petit-journal-du-web-1 http://css4design.com/le-petit-journal-du-web-1#comments Mon, 05 Oct 2009 15:46:57 +0000 Bruno Bichet http://www.css4design.com/?p=3834

Abandonnées peu à peu depuis mon utilisation intensive de Twitter où je partage l’essentielle de ma veille technologique (en plus de Delicious), les listes de liens commentées refond leur apparition sur ce blog. Si Twitter est le format idéal pour partager des liens au fil de l’eau, il n’est pas toujours évident pour le follower de s’y retrouver parmis les nombreux liens proposés. C’est pourquoi, j’en rajoute une couche dans cette nouvelle rubrique intitulée Le petit journal du web. Par ailleurs, je me dit qu’un tweet est bien peu de chose : rien ne vaut un bon vieux backlink en dur comme récompense du travail accompli et comme motivation pour celui à venir !

le-petit-journal-du-web-1

WordPress, what else!

Si on ne présente plus WordPress, ce n’est pas une raison pour ne pas rappeler que ce n’est pas qu’un moteur de blog ni même un CMS : c’est un moteur d’envies !

Pour en savoir plus sur nos envies, justement, Xavier Borderie lance un grand sondage pour mieux connaitre la communauté francophone de WordPress. A vos claviers !

En attendant, voici une sélection de liens qui devraient vous intéresser que vous soyez débutant de chez débutant ou un professionnel de la profession :

  • tag-wordpress WordPress Upgrade — Ce script développé par Martin Panel et Billyboylindien permet de mettre à jour automatiquement plusieurs installations de WordPress en une seule passe. Via Free Tools. Voici le déroulement des opérations : 1) Téléchargement de la dernière version de WordPress ; 2) Backup des fichiers et de la base de données de votre WordPress (pas besoin de renseigner les login et password) ; 3) Mise en place des nouveaux fichiers (conserve votre wp-content intact) ; 4) Mise à jour de votre base de données.

  • L’ordre d’affichage des catégories par ordre alphabétique ascendant ou descendant n’est pas forcément le plus adapté. Pour y remédier, je vous propose deux plugins : Category Order qui date peut-être un peu mais qui me donne entière satisfaction et My Category Order qui ne fonctionne pas chez moi (peut-être à cause du thème Hybrid). Si vous le testez, n’hésitez pas à revenir pour nous en toucher deux mots.

  • Widgetifyr — Créer un widget pour WordPress n’aura jamais été aussi simple. Il suffit de renseigner quelques champs concernant votre plugin et hop ! Widgetifyr se charge de toute la partie laborieuse. Il ne reste plus qu’à créer une belle fonction PHP… Via SlyDnet.

  • Last but not least, voici la partie WordPress de la grosse grosse liste.

HTML5, CSS

Vous en avez sûrement du vous en rendre compte, la pression exercée par HTML5 (et CSS3) ne fait de plus en plus forte. Il y a quelques temps j’avais fait une tentative pour faire le point sur HTML5 et voir s’il ne s’agissait pas de vaporware vu les délais et les contraintes (absence de support des nouvelles balises par IE et guerre interne pour le contrôle des codecs audio et vidéo). Mais il semblerait que l’on puisse commencer à travailler avec HTML5.

  • Envie d’utiliser HTML5 mais pas chaud pour mettre les utilisateurs d’IE de côté ? Facile, placez ce bout de code dans votre page web :

<!--[if IE]> <mce:script mce_src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></mce:script> <![endif]-->

Créé par Remy Sharp et inspiré par HTML5 Shiv de John Resig. On en profitera pour connaitre une des manières les plus courtes pour savoir si le navigateur est Internet Explorer avec var isMSIE = /@cc_on!@/false; ou plus court encore var isMSIE = /@cc_on!@/0;

  • Galerie de site réalisés avec HTML5 — Comme son nom l’indique, ce site présente des sites web réalisés avec HTML5 et pourrait bien de prendre la place qu’avait CSS Zen Garden en son temps pour vanter les mérites des feuilles de styles. Bref, du «  en veux-tu en voilà !

  • HTML et CSS orienté objet ? — Les bonnes pratiques de codage, la séparation de la forme et du fond par l’exemple dans ce tutoriel présentant les avantages de la pensée « objet » avec moult snippets de codes CSS3 et HTML5 pour aboutir à une page web comprenant un header, une section, une barre latérale (aside) et un footer.

  • DOM vs namespace pour implémenter HTML5 sur IE6, IE7, Firefox2, Camino, etc.

  • Comparez les meilleurs Frameworks — Avec une dizaine de frameworks PHP, 6 frameworks Ruby, de 12 frameworks Javascript et de pas moins de 22 frameworks CSS, ce comparateur de Framework permettra aux indécis d’avoir une vision claire des principaux atouts des uns et de découvrir les autres.

  • CSS Sticky Footer Layout — Un pied de page (footer) toujours en bas de la page en CSS (sans Javascript, sans div surnuméraire) tout en restant compatible avec moult navigateurs.

  • Last but not least, voici la partie ressources pour webdesigners de la grosse grosse liste.

jQuery

jQuery est toujours une bibliothèque Javascript aussi rapide et concise pour simplifier les longues traversées de DOM, border les manipulations hasardeuses d’événements, faire de jolies animations et dompter Ajax. jQuery est tout désigné pour changer la manière dont vous écrivez Javascript. Ou pas, d’ailleurs, parce qu’une des raisons de la popularité de jQuery provient de la foultitude de plugins prêts à être installés en deux coups de cuillères à pot, et c’est très bien ainsi !

  • jquery Lazy loader — Vous souvenez-vous du préchargement d’images en Javascript ? Et bien ce plugin pour jQuery fait exactement le contraire : il ne charge vos images que lorsqu’elles apparaissent dans la fenêtre du navigateur. Le plugin est doté d’options plutôt bien pensées : seuil en pixels à partir duquel l’image sera chargée ; image de substitution en attendant le chargement de l’image ; apparition des images sur un événement click ou mouseover ; affichage des images après le déclenchement d’une fonction personnalisée, etc. Via Anis Berejeb.

  • jQuery UI Multiselect — Améliore l’apparence et l’ergonomie de la balise HTML select basé sur jQuery 1.3 et jQuery UI 1.7, ce plugin dispose même d’un champs pour rechercher parmis les options proposées. Via arnaud-k.

  • Faire un carrousel avec jQuery — Tutoriel très didactique qui décompose le déroulement des opérations pour réaliser un carrousel de base avec HTML, CSS et jQuery.

  • jQuery Tools — Si jQuery UI propose des éléments d’interface de qualité, jQuery Tools va encore plus loin en proposant l’incorporation des animations Flash, une gamme étendue d’overlay, des tooltips à foison, des tabs, etc. Voir jQuery Tools: The missing UI library for the Web pour plus d’information. Et pour achever de vous convaincre, voici la page de démontration.

  • News déroulantes à la iTélé — Très bonne solution pour avoir un joli bandeau de news à l’aide de liste de définition, d’une pincée de CSS et d’une bonne rasade de jQuery avec explication de texte. Le tutoriel aborde également les aspects graphiques avec le découpage des images. Profitez-en pour jeter un oeil sur la création de plugins jQuery et sur cet effet de page cornée en quelques lignes de jQuery.

  • Last but not least, voici la partie jQuery de la grosse grosse liste (plus de 240 plugins classés par thème)

Graphisme, images et icônes

Après le code, le visuel est un élément indispensable. Il peut être minimaliste ou exubérant. Coloré ou gris. Simple ou complexe. C’est à vous de voir.

Une suggestion des recherches liées à la vôtre vous permettra d’élargir votre horizon. Bref, c’est le coup de coeur de cette semaine (que j’ajoute à la grosse grosse liste des 1000 ressources pour webdesigner). Merci @codeur !

Grammaire, orthographe et synonyme

  • Ressources gratuites pour s’améliorer en français — plus de 80 liens pour décrypter les mots et expressions de la langue française. Mais aussi : des dictionnaires en ligne, de synonymes, de rimes, conjugaison, dépannage linguistique, grammaire et orthographe, terminologie, vocabulaires thématiques, thésaurus, dictionnaires de sigles, d’acronymes et d’abréviations, étymologie, littérature classique, dictées, logiciels, forums et portails, argot etc.

  • 11 ressources pour mieux bloguer en français — comme son nom l’indique ;)

Miscellanées

  • Mac OS X est-il vraiment ergonomique ? — Comparatif entre un environnement Linux (Kubuntu) et Mac OS X Léopard : gestion des fenêtres, explorateur de fichiers et autres applications. Conclusion : Et vous ? Qu’est-​ce qui vous fait rester sous Mac ?

PS : Le petit journal du web est gratuit : faites tourner !

Articles sur le même sujet

flattr this!

]]> http://css4design.com/le-petit-journal-du-web-1/feed 17 Gérer les Post Revisions (et les backup) sur WordPress http://css4design.com/gerer-les-post-revisions-et-les-backup-sur-wordpress http://css4design.com/gerer-les-post-revisions-et-les-backup-sur-wordpress#comments Mon, 22 Jun 2009 00:07:50 +0000 Bruno Bichet http://www.css4design.com/?p=2965

Depuis la version 2.6 de WordPress, la fonction Post Revisions permet de conserver les versions successives d’un billet. C’est pratique mais à la longue, c’est encombrant. Je n’ai fait appel à cette fonction qu’une ou deux fois et comme j’ai tendance à modifier mes billets assez souvent (j’utilise le bouton Save Draft en cours de rédaction ou Update Post lors des corrections ultérieures), en quelques mois, j’ai eu jusqu’à 113 Post Revisions pour un total de 320 billets… Il est temps de faire le ménage !

Mais avant de modifier la base de données, je vous conseille d’en faire un backup. Pour cela, plusieurs solutions s’offrent à vous :

5 solutions pour sauvergarder votre BDD

  1. Utiliser la fonction Export intégrée à WordPress pour obtenir un fichier XML sans les liens de votre blogroll préférée (d’ou la pauvreté de la mienne à ce jour) et sans toutes les tables ajoutées par les plugins que vous avez installés. Autant dire que cette option est à réserver lorsqu’on remet son blog à plat.
  2. Installer un plugin dédié à cette tâche comme WordPress Database Backup qui va sauvegarder les tables selon votre bon vouloir. Notez que ce plugin permet de ne pas enregistrer les commentaires considérés comme du spam dans la table wp_comments et d’exclure les Post Revisions de la table wp-posts. Dans le même genre, wp-dbmanager offre un menu étoffé pour effectuer des opérations de maintenance de votre base de données sans quitter WordPress !
  3. Profiter des fonctions de votre hébergeur préféré qui devrait permettre de faire des sauvegardes quotidiennes de l’ensemble de vos bases : les fichiers compressés seront probablement enregistrés à la racine de votre hébergement.
  4. Trouver le lien Exporter dans phpMyAdmin puis cliquer sur Transmettre pour sauvegarder votre base sur votre poste de travail ou obtenir un joli fichier texte si vous laissez les choses en l’état. Enfin, vous pouvez cliquer sur Exécuter.
  5. Enfin, pour les Jedi, il reste la ligne de commande comme mysql -h host -u user -ppass base_de_donnees > fichier_dump — Plus d’information sur aidenet.

Opération Search & Destroy avec Delete Revisions

Une fois la BDD à l’abrit, faites intervenir l’excellent Delete-Revision commis par gohsy. Ce plugin va simplement dégraisser la base de données et lui redonner une deuxième jeunesse en supprimant toutes les révisions redondantes. Comme ça, d’un seul clic. Je l’ai mis en place sur ce blog et tout à l’air de fonctionner correctement.

Le coup de la constante WP_POST_REVISIONS

Il est possible de se prémunir une fois pour toutes de ces révisions intempestives en ajoutant une constante dans le fichier wp-config.php situé à la racine du blog :

define('WP_POST_REVISIONS', false);

Et en la plaçant juste avant le commentaire :

/* That's all, stop editing! Happy blogging. */

Dans le même esprit, il est possible de ne conserver qu’un nombre définit de révisions avec la ligne (ici 3) :

define('WP_POST_REVISIONS', 3);

Le coup de la requête SQL DELETE

Si vous n’avez pas ajouté WP_POST_REVISIONS dès l’installation de votre blog, il faudra supprimer les révisions existantes. Pour cela, cette requête SQL — à copier-coller dans le champs phpMyAdmin qui va bien — est votre amie :

DELETE FROM wp_posts WHERE post_type = 'revision';

Plus d’information sur Comment désactiver le suivi des versions sous WordPress 2.6 chez Korben et Malaiac qui nous offre une page consacrée à l’optimisation pour WordPress.

Quelques pistes pour optimiser WordPress

Supprimer les Post Revisions, c’est bien, mais pourquoi s’arrêter en si bon chemin alors que le réseau regorge de liens plus intéressants les uns que les autres ?

Profitons-en pour profiler notre outil de blog comme une voiture de course :

Articles sur le même sujet

flattr this!

]]> http://css4design.com/gerer-les-post-revisions-et-les-backup-sur-wordpress/feed 12