Une OnePage statique responsive et moderne

, ,
OnePage statique avec BootStrap

A la demande d’un partenaire j’ai été amené à trouver une solution rapide est souple pour mettre en ligne une OnePage responsive utilisant un « template » HTML5/CSS3

J’aurais pu coder moi-même l’ensemble mais on trouve aujourd’hui de nombreux modèles tout prêt basés sur le fameux BootStrap Twitter. Ce framework est assez complet et surtout gère très bien le responsif sur le principe de la Grid 960. Il existe de nombreux sites proposant des templates qui utilisent le BootStrap Twitter, j’ai choisit quelques thèmes sur Startbootstrap.com et Pixelarity.com.

Après une rapide étude des besoins c’est finalement le thème Freelancer qui a été choisit

Le contenu du dossier du thèmeUne fois téléchargé on a sous la main une page complète à organiser selon le contenu à accueillir, tous les éléments annexes sont là (javascript, css et less css, images de base…) c’est une solution qui permet de développer une page relativement complexe techniquement (smooth scroll, parallax, grille 12, formulaire avec validation et traitement php…) en un temps très court et pour un coût très contenu.

Les css sont très bien présentées et hiérarchisées, le fonctionnement du responsif respecté et le système de grille facilite la mise en page, que du bon.

Le site Pixelarity.com propose des thèmes très modernes et épurés un peu plus complet que sur Startbootstrap.com, il fonctionne sur un principe d’abonnement.

Les thèmes chez Pixelarity

Sources : Responsive grid system, GRID960, Pixelarity.com, Startbootstrap.com