Dans les derniers articles, j'ai beaucoup parlé de Middleman et donc de générateurs de sites statiques. Par statique, on pourrait comprendre qu'un site conçu de cette façon soit obligatoirment figé, son contenu ne pouvant évolué que lors des mises à jours. Il est pourtant tout à fait possible de dynamiser le contenu côté client avec du Javascript, ici avec AngularJS.
Démarrer from scratch chaque projet c'est bien mais on perd vite du temps à répéter les mêmes choses. Middleman permet d'éviter ça grâce au template de site. CouicStart est un template que j'ai crée pour gagner du temps quand je démarre un nouveau projet, voyons ce qu'il contient.
Le 24 juin 2015 avait lieu un Meetup WordPress à Lille. J'y ai donné un talk sur l'évolution du workflow pour les développeurs, accès sur les différentes façons d'installer Wordpress. Retrouvez mes slides dans l'article.
Le tutoriel touche à sa fin, il ne reste plus qu'à ajouter deux trois petites choses et configurer le build final avec de déployer le site sur Github Pages. On verra ici comment ajouter très facilement une favicon, un sitemap, un code pour google analytics, une redirection vers un nom de domaine... Et comment optimiser le build en minifiant, compressant nos fichiers sources.
Dans cette partie, nous allons ajouter un peu de style au site grâce CSS. On verra comment penser mobile first fait au final gagner du temps. On verra également comment prendre en compte les images retina et jongler avec leurs tailles pour le côté responsive.
Dans les précédentes parties, nous avons vu comment créer nos pages à l'aide de layout et partials, puis avons ajouter un peu de ruby pour automatiser la création de celles-ci. Nous allons maintenant ajouter une fonction blog, grâce à l'extension blog de Middleman.
Dans la partie précédente nous avons créé le layout et les partials, nous pouvons désormais créer nos différentes pages en utilisant les mêmes techniques : Slim pour le code, les fichiers datas comme sources de données et Frontmatter pour les données locales.
Dans cette partie, nous allons faire plus ample connaissance avec les concepts de layout et de partials qui vont nous éviter de nous répéter et donc nous permettre d'écrire moins de code. On pourra ainsi rédiger nos pages très rapidement. Ce sera aussi l'occasion de découvrir Slim qui lui allegera notre code.
Seconde partie du tutoriel, comment peut-on organiser les données alors qu'un site statique sous-entend qu'il n'y a pas de base de données ? En utilisant des fichiers au format YAML !
Première partie du tutoriel Middleman, on s'intéresse ici à l'installation du générateur sur notre ordinateur et à la configuration basique du projet pour pouvoir démarrer dans de bonnes conditions. On finira par tester le déploiement du site sur Github Pages.
Long tutoriel en plusieurs parties expliquant la création d'un site internet de type virtrine/brochure avec le générateur de site statique Middleman. On partira du design dans Skecth au déploiement sur GitHub Pages en passant par l'intégration en Slim/Sass et l'écriture des articles en Mardown.
J'ai récemment effectué la migration de ce site internet du CMS WordPress au générateur de site statique Middleman. J'explique dans cet article mes motivations, la marche à suivre pour faire cette migration et livre mes impressions sous forme d'un premier bilan.