No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
htmlzengarden
Latest commit 249a7a0 Oct 14, 2013
Permalink
Failed to load latest commit information.
css Oct 14, 2013
doc calculs en ems possibles Aug 4, 2013
font tab as spaces May 9, 2013
img debug Aug 16, 2013
inc Aug 19, 2013
js ie rwdimg Aug 7, 2013
json tab as spaces May 9, 2013
php ajout commentaire nom de bloc automatique May 28, 2013
scss Oct 14, 2013
swf tab as spaces May 9, 2013
.gitignore debug Aug 16, 2013
.htaccess php5 Aug 5, 2013
_htaccess php5 Aug 5, 2013
_htaccess.md détails typo + coquilles Apr 17, 2013
config.rb debug Aug 16, 2013
favicon.ico first commit Mar 16, 2012
favicon.md détails typo + coquilles Apr 17, 2013
favicon.png scss Jul 9, 2012
humans.txt doc + seo Apr 16, 2013
index.md ajout IE10 May 30, 2013
index.php réorganisation des fichiers scss Jun 7, 2013
logo.png suppression de susy Jul 31, 2013
readme.md tjs la doc… Apr 10, 2013
robots.md détails typo + coquilles Apr 17, 2013
robots.txt doc + seo Apr 16, 2013
sitemap.xml doc + seo Apr 16, 2013

readme.md

outline

Outline compile quelques bons outils pour fournir un template de travail modulaire aux intégrateurs chez Clever Garden.


Nous essayons de capitaliser un maximum sur nos techniques de travail côté intégration ; ce qui passe par une mutualisation d'un certain nombre de choses et la mise en place d'outils génériques.

Cependant, les contextes projets sont variés ; et les intégrateurs ont également des façons de travailler différentes.

De nombreuses sites proposent des initiatives équivalentes (Boilerplate, Bootstrap etc.) mais il semblait plus logique de construire un outil adapté à nos besoins plutôt que de devoir adapter nos projets à un certain nombres de contraintes imposées.

Il nous fallait donc des outils puissants mais aussi très flexibles, sans pour autant réinventer la roue.

C'est avec cet objectif en vue qu'une base de travail à été mise en place sur l'ensemble des projets qui passent entre nos mains. Elle est est composée d'un ensemble d'outils existants, soigneusement choisis et évolue au fil du temps (en fonction des évolutions de nos métiers et des retours d'expérience de tout le monde).


À ce jour la bibliothèque comprend :

  • une arborescence pour permettre d'organiser ses fichiers de manière logique ;
  • un système de gabarits pour ne pas avoir à répéter inutilement des morceaux de HTML ;
  • un préprocesseur CSS pour automatiser au mieux les opérations récurrentes ;
  • des utilitaires CSS qui proposent déjà une factorisation sur les techniques les plus employées ;
  • un système de grille verticale pour améliorer la cohérence graphique et faciliter la conception ;
  • un système de grille horizontal pour garantir une bonne lisibilité ;
  • un outil pour contrôler la grille car c'est un sujet complexe à mettre en place ;
  • une normalisation des styles pour assurer une base homogène inter-navigateurs ;
  • la possibilité de produire des images génériques pour mimer au mieux les futures contributions ;
  • un système de traductions pour facilement tester la flexibilité de nos intégrations ;
  • une détection des navigateurs pour offrir une solution de repli lorsque les méthodes classiques ont échouées ;
  • des utilitaires JS pour là encore répondre aux demandes les plus courantes ;
  • la possibilité de simuler des composants Flash, pour s'assurer de leur bonne mise en action ;
  • une page de tests pour s'assurer du bon rendu des polices ;
  • une page de suivi du travail effectué et de son niveau de qualité pour informer le chef de projet ou le client ;
  • une page de documentation pour expliciter les choix faits et les structures réalisées ;
  • et sans doute d’autres choses plus ou moins importantes que j'oublie.

Ce qui se traduit techniquement par tout un tas de choses :


Tout ceci est hébergé ici-même et manque encore un peu de documentation. Mais nous y travaillons !