Comment faire son backup WordPress ?

Je ne vous le cache pas, il est très important de sauvegarder régulièrement son site pour éviter de tout perdre en cas de problème, que ce soit accidentel ou suite à un piratage. Dans cet article, je vais donc m'intéresser à la sauvegarde automatique sur WordPress et à la sauvegarde de manière incrémentielle - c'est-à-dire comparer chaque sauvegarde pour juste ajouter et / ou modifier des données. De nombreux plugins WordPress existent pour faire cela et vous pouvez tout à fait les configurer avec ce que vous voulez que la sauvegarde contienne (base de données, fichiers ...).

Les animations CSS

css3-webdesign-lien-web

Les animations CSS sont très utilisées. Elles permettent de porter l'attention de l'utilisateur vers un endroit en particulier de votre interface.

Elles sont, de ce fait, des transitions et permettent de passer un objet par un état A puis un état B puis un C et cela autant de fois que vous le souhaitez et comme vous le voulez (position, vitesse etc.).

Par exemple, vous pouvez déplacer un carré, changer sa couleur, sa taille etc. Dans cet article, nous allons voir comment créer de simples animations avec des keyframes puis nous verrons en détails des animations plus complexes.

Retour sur le Wordcamp 2016 – partie 1

wordcamp-paris-20162x

Le WordCamp est un événement centré autour du CMS WordPress et de sa communauté. Nous avons pu y assister pour sa 9ème édition à Paris pendant 2 jours les 5 et 6 février 2016.

Ce sont donc 2 jours dédiés à WordPress avec pas moins de 32 conférences (en français et en anglais) et plus de 500 participants.

Nous allons vous faire un petit récapitulatif des différentes conférences auxquelles nous avons pu assister au cours de ces deux jours. Le premier article portera sur la journée du vendredi et un second viendra le compléter avec la journée du samedi.

Créer un plugin sur WordPress

wordpress-plugins

Un plugin sur WordPress est un module additionnel. Il peut être utile de créer son propre plugin wordpress, notamment pour rajouter des fonctionnalités sur mesure à votre site.

Créer un plugin n’est pas très compliqué, et vous permettra d’avoir exactement ce dont vous avez besoin pour votre projet. Cela vous permettra également de ne pas surcharger votre site avec un plugin déjà fait mais trop lourd en terme de fonctionnalités ou de contenu car vous n’allez pas l’utiliser pleinement.

Créer sa propre icon-font avec IcoMoon

icomoon

Les icônes sont très utilisées sur le web, elles permettent d'illustrer une action et sont universelles. Certains sites comme FontAwesome, initiés par Bootstrap, proposent une bibliothèque toute prête d'icônes transformées en font. Il suffit de télécharger un fichier CSS et d'appeler les icônes avec une classe CSS ou à l'aide d'un unicode dans une pseudo-class avec before ou after.

L’intégration avec OOCSS

Le CSS orienté objet ou OOCSS en anglais pour « Object-Oriented CSS » est un concept mis en place par Nicole Sullivan ,consultante front-end spécialisée dans les standards du web et la performance des sites à fort trafic.
Le principe de l'OOCSS est de considérer les différents éléments du site comme des objets réutilisables auxquels nous appliquons un style. Cela permet d'avoir un code plus optimisé et structuré. Notre CSS devient alors facilement réutilisable et la mise à jour devient rapide.

Optimiser votre développement avec Grunt

Grunt - Javascript taskrunner !

Derrière ce nom barbare se cache un task runner ou autrement dit un outil d'exécution de commande en javascript.
Si vous intégrez des sites internet, il vous arrive très souvent de faire des tâches répétitives et fastidieuses qui prennent du temps et d'utiliser tout un tas d'outils différents pour concaténer vos fichiers js, les minifier, transformer vos fichiers .scss en css, optimiser vos images ... etc.

Ce que vous propose Grunt c'est de regrouper toutes ces tâches au même endroit et surtout de les effectuer automatiquement uniquement lorsque vous en avez besoin.

Utiliser Grunt devient alors un gain de temps et de performance. De plus Grunt est compatible mac, windows & linux !

Les emails responsive multi-clients

L'usage du smartphone a révolutionné l'usage des emails, en effet, les internautes utilisent de plus en plus leurs mobiles pour lire leurs emails et, désormais, l'email connait un taux d'ouverture supérieur sur mobile par rapport à l'ordinateur.
L’emailing, restant un levier marketing important, il est donc important que celui-ci s'adapte à tous les supports que ce soit mobile ou sur un ordinateur.

Nous allons donc faire une revue des techniques pour transformer son email classique en email responsive sur la plupart des webmails et applications car certains clients mails ne supportent pas les media-queries.
En effet, les media-queries sont lues sans problème par presque toutes les applications sauf Gmail, que ce soit sur Android ou sur iPhone.