06
NOV

Pattern Lab: Un générateur de sites statiques PHP en atomic design

Publié le 06/11/13 à 08h21 par DJo

Pattern Lab est un générateur de sites statiques découpé sous forme de "design atomique" pour bootstraper ses projets.

Pattern Lab est un générateur de sites statiques découpé sous forme de "design atomique" pour bootstraper ses projets.

Contrairement aux frameworks frontend du marché (Bootstrap, Foundation...), pattern lab est un générateur de sites web statiques basés sur un pattern d'atomic design.

Il s'agit plutôt d'un framework permettant de créer d'autres framework frontend. Intéressant si vous souhaitez créer un framework différent pour chacun de vos client de manière assez simple, avec les composants dont vous avez besoin et le style souhaité.

Le concept d'atomic design permet de bien séparer tout le webdesign du projet en différentes parties pour faciliter la maintenabilité:

Atomic design

Dans un premier temps sont générés et stylés les atomes, les balises HTML seules (Un label, un bouton, un champ input text), puis les molécules, un assemblage d'une ou plusieurs balises HTML (un champ de recherche complet avec label, input et bouton), pour passer aux organismes (Un header de site complet avec recherche, logo, menu...). En assemblant ces organismes, on obtient des templates (sans contenu) puis des pages (avec du vrai contenu).

Ce concept est décrit sur le site de l'auteur de la ressource.

Composants générés sous forme d'atomic design

Le générateur PHP s'installe facilement et vous permettra rapidement de générer vos propres composants prêts à être utilisés dans votre prochain site web. 

A tester !

 

Site Officiel

Baraguiné par le 06/11/13 à 10h23
Ça à l'air cool... ! Mais je ne comprend pas comment le faire fonctionner avec windows

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web