C'est la rentrée pour tout le monde et c'est l'occasion d'aborder cette partie de l'année avec de nouveaux projets et des idées encore plus enthousiasmantes ! J'espère que vous êtes reposés et bronzés après cette trêve estivale certainement bien méritée. Du côté de web-eau.net, je vous avoue avoir passé un été d'enfer à travailler d'arrache-pied pour vous offrir des nouveautés et des surprises. Et franchement, je suis très content du résultat obtenu (et j'espère que vous le serez également).
Depuis des semaines, j'éprouvais le besoin de pouvoir présenter en live mes extensions pour Joomla! (avouez que c'est toujours mieux quand on teste soi-même) et de proposer de nouveaux services sur mon site. Si d'autres extensions devraient apparaître très prochainement, j'avais envie de coder et de proposer des templates pour mes visiteurs. L'idée ici est d'offrir des modèles "One-Page" qui soient Responsive Design et très simples d'utilisation. Assez bavardé, voyons tout cela en détail.
1. Templates One-Page HTML5
Après avoir réalisé un certain nombre de templates d'emailing et de newsletter, j'ai eu envie de créer des templates pour "habiller" des sites Internet. Le template (c'est du masculin ;) ), c'est l'habillage graphique du site : les couleurs, les emplacements, les polices de caractère, certaines images, etc. Mais c'est également une grosse partie de la mécanique avec le Responsive Design, l'effet Parallaxe ou encore certains effets visuels. Pour mettre cela en oeuvre, il faut travailler sur plusieurs aspects et avec plusieurs langages : HTML5, CSS3, PhP et JavaScript. Pour faire court, chaque template représente plusieurs dizaines d'heures de travail de codage, de vérification, de contrôle et plusieurs litres de café et d'eau pétillante pour au final vous proposer une expérience de navigation toujours plus agréable.
Documentation
Chaque template est accompagné d'une documentation spécifique que j'ai souhaité la plus complète mais aussi la plus simple possible pour permettre au plus grand nombre de se l'approprier. Cette documentation permet, selon le template, de paramétrer très facilement le formulaire de contact et la carte Google, par exemple. Ainsi, en quelques minutes, votre template peut être opérationnel ! Il ne vous restera plus qu'à le customiser au gré de vos envies.
Présentation
Chaque template est présenté individuellement en français et anglais.
Sur la partie gauche de la présentation, vous retrouvez l'ensemble des informations relatives au template : sa description, ses caractéristiques les plus importantes. Dans la partie "Informations", plusieurs boutons vous permettront d'accéder à :
- live démo : pour tester le template sur différents écrans (ordinateur, tablettes et smartphones),
- documentation : accès sans restriction à la documentation, même pour les templates Premium,
- question : accès au forum support pour poser vos questions au sujet du template,
Le bouton vert vous permet de télécharger le template !
La partie droite de la page de présentation est occupée par un aperçu visuel complet du template.
Enfin côté pratique, vous accédez à l'ensemble des informations nécessaires sur une seule et même page.
Accés
Vous retrouverez l'ensemble de ces templates regroupés ici
2. Page de démo
Nous l'avons abordé brièvement avec la présentation des templates, j'ai également réalisé une partie "démo" pour vous présenter en live mes créations : templates et extensions. L'objectif est de vous donner la posibilité de tester "grandeur nature" depuis votre ordinateur ces créations en jouant avec les différentes résolutions d'écran pour vérifier et apprécier l'expérience Responsive Design. Fruit de très nombreuses heures de travail, cette partie a nécessité un nombre important de tests pour arriver à ce résultat.
Pour l'heure, les 4 templates y sont disponibles ainsi que l'extension "Responsive Tables" pour Joomla.
D'autres templates et extensions viendront prochainement grossir les rangs de cette partie très ludique.
Accés
Pour accéder à cette partie, plusieurs possibilités s'offrent à vous :
- directement depuis cette adresse : www.web-eau.net/showcase/accueil.html,
- depuis le lien "Démo" affiché en bas de chaque page du site,
- sur les pages de présentation des templates et des extensions qui affichent le bouton :
Remerciements
Pour mener à bien ces projets, j'avoue avoir eu recours aux regards avisés et au support pertinent des personnes suivantes :
- Sandra et MAT @idimwebsxm
- Christophe alias @netpresencefr
- Loran @Loran750
- et ma copilote adorée sans qui tout ceci n'existerait pas !
Soyez toutes et tous très sincèrement remerciés de votre aide précieuse.
Conclusion
Comme vous le constatez, l'été a été plutôt besogneux du côté de web-eau.net ! J'ai profité du calme relatif de la période estivale pour traduire certaines idées et envies qui me trottaient en tête depuis de longues semaines. J'espère que vous apprécierez le résultat et que vous n'hésiterez pas à tester et à commenter pour que vous partagiez votre expérience et vos critiques !
