responsive Article

5 thèmes bootstrap pour des sites « one-page »

Vous n’avez pas dû échapper à la hausse de cette nouvelle tendance qui est de réaliser un site en une seule page (site « one-page »). Bootstrap est un bon choix pour ce type de site web et voici donc une sélection de 5 thèmes qui vous aiderons à construire un site « one-page » avec Bootstrap.

Zerif – Responsive One Page Theme

theme-bootstrap-admin-backend-bracket

Ce thème responsive permet de faire un beau site one-page. Le menu permet de faire un slide sur l’endroit où se trouve le contenu au lieu de recharger la page. Le tout est bien évidemment responsive.

Voir une démo de ce thème | Acheter ce thème sur Themeforest

Graphista | One-Page Creative Portfolio

WB09S4JFK

Ce thème propose de faire un site one-page avec pour but de présenter son portfolio. Si vous devez créer un portfolio pour un client ou pour vous même. Ce thème vous sera d’une grande utilité.

Voir une démo de ce thème | Acheter ce thème sur Themeforest

 TWILLI Air – Minimalist One-Page Theme

WB0196957

Ce thème responsive (adaptatif) est un thème « one-page » minimaliste qui vous permettra d’exprimer ce que vous souhaitez assez facilement. Dans ce thème, les photos sont maître et vous permettrons de présenter les différentes rubriques de votre site. Parfait pour une petite entreprise, un portfolio ou un entrepreneur qui se lance.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Ashley – One Page Parallax

WB0R11207

Ce thème permet de mettre en avant les services d’une entreprise. Avec le très bel effet parallax, donnez à votre entreprise un billet directe pour le succès. Avec ce thème, votre entreprise sera moderne et au goût du jour.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Interfaz – Responsive One Page Theme

WB0D8R213

Ce thème responsive vous permettra de faire un site créatif où l’image de votre produit ou service sera mis en avant. Simple et efficace ce thème est parfait pour une petite entreprise ou pour un créatif qui veut se mettre en avant.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Créer un backend simplement avec Bootstrap

Créer un backend simplement avec Bootstrap

Bootstrap est un framework permettant de développer des interfaces graphiques professionelles très simplement et très rapidement. Pour preuve du sérieux, le framework est développé et maintenu par Twitter! Je vais vous présenter rapidement dans cet article les différentes composantes du framework.

Les différentes composantes de Bootstrap

Bootstrap se compose de plusieurs éléments aidant la fondation d’un bon design web.

Scafolding

  • Utilisation de HTML5
  • Un « reset » CSS très simple basé sur Normalize.css
  • Un système de grille css (grid system)
  • Un système simple de « layout »
  • Un système pour faire un site « responsive » vraiment très bien fait

Framework CSS

  • Un système de typographique
  • Gestion des styles et « helper » pour les tableau HTML
  • Gestion des éléments de formulaire
  • Des boutons personnalisables (très chics)
  • « helper » pour les images
  • Un kit d’icônes d’actions fournis par Glyphicons

Composants de design 

  • Groupes de boutons
  • « Labels » et badges
  • Fils d’ariane (breadcrumbs)
  • « Alerts box » : Info, succès, échec, attention
  • Barres de progression
  • « Thumbnails »

Framework Javascript

  • « Modal box » très bien faites et facile à modifier
  • Gestion des transitions
  • Système de « tabs »
  • Système de « tooltips »
  • Alert javascript amélioré
  • Autocompletion pour formulaire
  • Système de « Popover » très bien fait

Boostrap est hautement « skinable »

Le plus interessant avec Bootstrap, c’est qu’on peut créer des thèmes (« skins ») assez facilement. La cerise sur le gâteau c’est que, à l’instart de WordPress, il existe des thèmes gratuit ou payant développés par une communauté grandissante. VOus en trouverez une bonne quantité sur le site http://wrapbootstrap.com

Conclusion sur Bootstrap

Bootstrap est définitivement un outil à connaître pour tout bon développeur web. Il permet de créer des interfaces très rapidement et très proprement. Je ferais quelques tutoriels dans les prochains articles. 

Ressources pour le framework Bootstrap