Giter Site home page Giter Site logo

darktowerhosting / hexabones Goto Github PK

View Code? Open in Web Editor NEW

This project forked from shipow/hexabones

0.0 1.0 0.0 1.54 MB

Framework for building PrestaShop themes

Home Page: http://shipow.github.io/hexabones/

JavaScript 9.98% ApacheConf 11.21% HTML 7.37% CSS 70.67% CoffeeScript 0.77%

hexabones's Introduction

Hexabones

Hexabones is a beautifully handcrafted framework for building brand new e-commerce PrestaShop themes. Our goal is to provide an efficient tool for designers & developers to build high quality themes from scratch. Hexabones is for PrestaShop themes like Bootstrap is for websites.

Concept (fr)

Hexabones est un framework dont l'objectif est d'accélerer la création d'une boutique professionnelle sous PrestaShop. Le projet s'insprire des dernières best pratices et solutions en matière de developpement web front-end. De fait, Hexabones s'adresse plus particulièrement aux experts qui souhaitent partir d'une fondation puissante pour commencer leur propre travail. L'experience utilisateur est au coeur de toute les décisions et les choix dans la conception du template squelette respectent pour le mieux les lignes directrices des sites de e-commerce les plus performants.

Comment ça fonctionne ?

Hexabones ne se comporte pas comme un thème PrestaShop standard. Sa principale particularité est de passer par le webservice de la boutique pour afficher son contenu.

  • Le thème n'utilise pas le moteur de template Smarty.
  • Le thème fonctionne de mannière déportée et il n'est pas nécessaire de le placer sur le même serveur que la boutique.
  • Toutes les vues sont en .html et peuvent être affichées sans que PHP ne soit installé. En fait il fonctionne même à partir du bureau.
  • L'affichage des données est traité côté client via javascript à l'aide d'Angular.js. Le contenu est récupéré au format JSON à l'aide de requêtes AJAX vers le webservice de la boutique.
  • SaSS et Compass sont utilisés pour fournir de la souplesse lors de la conception et de la maintenabilité à long terme.
  • Hexabones s'appuie sur le framework Bootstrap de Twitter pour le responsive design, les excellentes bases et la large communauté qu'il propose.
  • La structure est adaptée à la webanalyse et offre une granularité soignée pour interpreter les comportements des utilisateurs via les données de Google Analytics.
  • Un grand soin est apporté à la sémantique du markup et les préconisation SEO sont prises très au serieux ici :)
  • Fait avec passion par et pour la communauté. Tout profil 'webdev' orienté 'e-commerce' peut participer au projet pour l'améliorer avec ses connaisances.

hexabones's People

Contributors

shipow avatar scottksmith95 avatar

Watchers

Damir avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.