Intégration HTML - CSS - JS

HTML5
CSS3
SMACSS

Étape 1 : concevoir les "briques"

Une brique c'est un élément conçu pour être indépendement utilisée au sein des projets. Elles sont conçues avec un certain  nombre de paramètres modifiables. À l'image d'une brique de lego qui peut être utilisée pour plusieurs constructions, nos briques sont utilisées pour plusieurs projets, mais grâce aux paramètres vous êtes sûr que chaque élément est spécifiquement conçu pour votre projet

Quelques exemples de briques sur github.

GUI ...

Avant de commencer la mise en forme des pages d'un projet, nous réalisons un GUI. C'est une page va rassembler tout les éléments graphiques nécessaire à la réalisation de votre site.

... ou Prototype

Nous pouvons aussi réaliser  un "Prototype". C'est en fait un GUI plus complet qui va non seulement rassembler tous  les éléments nécessaires pour la réalisation de votre project, mais aussi vous donner les clés pour comprendre et exploiter  le code html/css/js derrière chaque élément.

Étape 2 : Agencer les pages

Une fois toute les "briques" conçues, nous pouvons contruire les pages. Pour cela il suffit de piocher dans les briques conçues pour placer les pièces voulues au bon endroit, on appelle cela l'agencement. C'est durant cette phase que nous allons prendre soin du responsive design de votre site.

Nos outils

Nous avons une grande palette d'outils pour concevoir l'intégration de votre projet : Nous maitrisons les deux préprocesseurs  css les plus connus (sass & less). Nous sommes experts  Bootstrap  - le plus populaire des framework html/css/js -  mais aussi avec Materialize. Nous utilisons aussi les framework javascript les plus réputés : jquery & angularjs. Le tout en respectant les philosophies de conception smacss, oocss  et rscss.

Des exemples !

Agencement responsif de colonnes fluides (conçu avec du javascript orienté object & less)

See the Pen Responsive fluid Column by Loic Goyet (@loic) on CodePen.

Grille de résultat (uniquement en html et sass)

See the Pen Fancy Grid Item by Loic Goyet (@loic) on CodePen.

Prototype de champs de formulaire (conçu avec jquery & sass)