Bonjour ! Je suis

Mathieu Douhet

Développeur front-end - Spécialisé Drupal

 
Intégration web
Les structures HTML et design CSS n’ont plus de secret pour moi. Aucune maquette ne me résiste ! La réussite est une question de persévérance.
 
Responsive design
L’ensemble de mes intégrations web sont entièrement responsives et respectent le "crossbrowser".
 L’expérience mobile-first ne fait que commencer !
 
Compatibilité navigateur
La compatibilité est une partie de l’intégration à ne pas négliger. L’ensemble des clients souhaitent un site avec une expérience Cross browser complète !

Mes derniers projets

Analyse complète de la structure

Ecrit par Mathieu • Étiquettes : Drupal 7 Outils Structure HTML

Dareboost : Améliorez vos sites

Notre objectif est de rendre les sites internet les plus perfomants possible, cet objectif passe donc par la rapidité et la légèreté de celui-ci. La difficulté réside alors dans la gestion de la structure HTML, CSS, dans les ressources interne et autres développements. Aujourd'hui de multiples outils permettent d'effecuter, rapidement, des analyses mais sans jamais être sur du résultat obtenu !

dareboost

Dareboost : enfin un bon outil d'analyse

La raison des ralentissements concerne les erreurs de développement dans la structure HTML et le design CSS. Alors que W3C propose une analyse du site et propose de multiples conseils, Dareboost se différencie par un accompagnement basé sur 12 rubriques : 3 basées sur le référencement, 4 sur l'ergonomie, 3 sur les base de données et la sécurité, pour finir une sur la qualité et une sur le volume de données. L'amélioration est à la porté de tous !

Ces 11 rubriques se compose de conseils claires, précis et simple afin de nous donner toutes les possibilités d'atteindre nos objectifs de performances. Toutes fois ce service necessite la création d'un compte afin d'accéder à l'ensemble du service. La création du compte est alors gratuite et illimité dans le temps ! L'outils permet également de télécharger un rapport de l'analyse que vou venez d'effectuer. C'est un vrai plus pour convaincre vos client et également démarché vos clients. La performance étant l'un des points important lors d'une appelle d'offre.

Ouvert à tous, Dareboost est un outil s'adressant à des personnes de tous niveau. Que vous soyez expert en la matière, freelance ou encore une agence cet outil vous accompagnera quelques soit les projets sur lesquels vous travaillez

Lancez votre première analyse !

Il ne vous reste plus qu'à lancer votre première analyse via cette adresse : www.dareboost.com. Si vous faites partie d'une grande structure Dareboost propose des packs à partir de 15euros/mois permettant d'accéder à de nombreuses fonctionnalités !

La compatibilité n'est plus un obstacle

Ecrit par Mathieu • Étiquettes : Cross-Browser HTML5 / CSS3 Outils

BrowserStack pour le Cross-Browser

Aujourd'hui, le plus gros problème d'un intégrateur web / développeur Front-End est de rendre chaque sites internet compatible sur l'ensemble des navigateurs existants (Chrome,Firefox, IE...) : c'est ce que l'on appelle le Cross-Browser ou encore "la compatibilité navigateurs". Il est donc judicieux de vérifier le rendu du site sur l'ensemble des navigateurs avant toutes mises en production.

Cross-Browser

Depuis plusieurs années, des outils ont vu le jour afin de rendre la tâche plus "sympathique" : comme par exemple les machines virtuels ou encore les simulateurs de navigateurs. Le Cross-Browser serait plus intéressant s'il y avait un moyen, en une seule fenêtre, de tester le rendu d'un site internet selon tous navigateurs, systèmes d'exploitation ou encore formats.

La simulation en quelques clics !

BrowserStack est alors l'outil indispensable à toutes virtualisations. Les machines virtuelles, tout en étant certainement utile, nécessitent de l'espace et des ressources mémoires précieuses, ce qui rend leur utilisation difficile. Cet outil adopte alors une tout autre vision de la virtualisation par le biais d'Abobe Flash : création du navigateur virtuel dans votre navigateur préféré. Son fonctionnement ne requière pas de compétences particulières.

Comment ça marche ?

La première chose est de s'inscrire sur le site. En effet, BrowserStack est un service payant mais le prix est très raisonnable pour la grande capacité de cet outil. Une fois la tâche terminé, une redirection vous mènera vers le tableau de bord qui offre une boîte de dialogue rapide.


Cross-Browser

Celle-ci vous permet alors d'indiquer l'URL du site internet à tester. La première liste déroulante vous permet de sélectionner le système d'exploitation : Windows? OSX? IOS? Android?..

Cross-Browser

La seconde permet de choisir le navigateur de test en fonction du système d'exploitation précédemment choisi.

Cross-Browser

Vient s'ajouter à cela le choix de sélectionner le format du navigateur. Ces options sont disponibles dans le volet de gauche et proposent un ensemble de format afin de tester les versions responsive de vos sites internet. BrowserStack n'est alors plus qu'un simple simulateur mais un véritable outil de développement !

Quels sont les étapes ?

Ecrit par Mathieu • Étiquettes : Drupal 7 Outils

Mettre à jour un module Drupal

Un petit article mais une grande aide pour les débutants. La création de site internet via Drupal c'est bien mais effectuer les maintenances de ce site, notamment la mise à jour des modules peut devenir une vrai prise de tête. J'ai donc effectuer une check-list qui permet de mettre à jour un module dans les meilleurs conditions.

  • ✓ Sauvegarder les bases de données (Module : Backup and Migrate)
  • ✓ Sauvegarder l'installation Drupal
  • ✓ Télécharger la dernière version du module sur drupal.org
  • ✓ Désactiver le module via Admin > Modules
  • ✓ Passer les permissions du dossier du module par 777
  • ✓ Désactiver le module via Admin > Modules
  • ✓ Supprimer le répertoire du module via le FTP
  • ✓ Décompresser l'archive, précédemment téléchargé en archive.tar.gz
  • ✓ Placer le module dans le dossier sites/all/modules
  • ✓ Vérifier dans le tableau de bord que tout est OK
  • ✓ Réactiver le module
  • ✓ Vider le cache

Et voilà si aucun problème n'est apparu, votre module est à jour !