Animations du site d’un client

L'animation des éléments sur le site web d'un client est généralement proposé  par l'agence et non le client lui même.

Tout le monde n'ayant pas l'âme d'un animateur, mis à part peut être ceux qui ont une formation de graphiste dans leur bagage, un site fortement intéressant Animista vous propose toute une liste d'effets dont vous pouvez vous inspirer afin de rendre le site d'un client encore plus attractif.

Les effets sont divisés en plusieurs catégories :

  • Basic
  • Entrances
  • Exits
  • Text
  • Attention
  • Background

Basic pour des éléments s'animant au survol.

Entrances pour des éléments s'animant au chargement de la page, ou au scroll.

Exits pour des éléments s'animant au départ d'un bloc de page ou d'un scroll.

Text pour des animations sur du texte.

Attention pour des animations alertant le visiteur

Background pour des animations sur des visuels en fond, des dégradés ou différentes nuances de couleurs.

Lancer un nouveau projet Webpack rapidement

La petite astuce du jour :

Si comme moi, vous avez entendu parler de Webpack, souhaitez le tester mais sans trop vous prendre la tête sur la configuration, il existe un générateur écrit en nodejs vous permettant d'initialiser un projet rapidement.

L'outil Unstuck - Webpack vous permet de créer un nouveau projet en choisissant l'environnement sur lequel vous souhaitez travailler via un système de templates :

  • Nodejs + Babel
  • Angular 1 + Less
  • Angular 2 + scss / sass
  • React + scss / sass
  • Ember + scss / sass
  • Vuejs + stylus

Pour ceux qui ne sont pas connaisseurs, Webpack est un générateur de tâches à l'instar de Gulp / Grunt, qui permet de :

  • Gérer les CSS / images / fontes / librairies sous forme de modules
  • Gérer différentes builds pour les projets clients

Il est également davantage optimisé lors de son initialisation que d'autres générateurs tel que Gulp.

Elementor

La petite astuce du jour :

Elementor est un page builder pour WordPress, en plus d'être gratuit il permet la génération d'un site web facilement et rapidement via son interface intuitive.

Simple à mettre en place, il permet d'ajouter dynamiquement des textes / colonnes / liens / visuels... via une interface en drag and drop et de nombreux widgets.

Il est possible d'utiliser des templates prédéfinis ou d'importer le sien.

Après familiarisation avec cet outil, l'intégrateur web bénéficie d'un gain de temps non négligeable dans son travail, ainsi que le client qui peut modifier son site web plus librement.

Cette extension gère également les sites en version responsive, et permet de customiser sa boutique en ligne (faite avec woocommerce) via sa version pro.

Vous trouverez plus d'informations sur cette extension WordPress en cliquant ici : https://elementor.com

 

Intégration d’emails responsives avec MJML

En tant qu’intégrateur HTML, nous sommes souvent sollicités pour intégrer des newsletters / campagnes promotionnelles pour des clients.

La mise en forme de ces newsletters est assez chronophage car nous devons intégrer les éléments d’une maquette via des tableaux, et aussi veiller à ce que les styles utilisés soient pris en charge par les messageries électroniques les plus utilisées.

Toutes ces problématiques nous ont amenés à chercher un outil qui nous permettrait de créer ces newsletters plus rapidement, tout en s’assurant de leur compatibilité.

mjml