...
PrestaShop uses Bootstrap for both its front-office and back-office default templates.
| Info |
|---|
Designers creating a new back-office theme MUST use Bootstrap. Designers creating a new front-office theme CAN use Bootstrap, but this is currently not an obligation. |
Bootstrap initially uses the LESS dynamic stylesheet language (http://lesscss.org/), but PrestaShop uses the Bootstrap For Sass port (https://github.com/twbs/bootstrap-sass), Sass being the language that inspired LESS. This makes it possible to use the Compass framework.
...
This Designer Guide will dive on more depth into Sass and Compass in a later chapter.
...
Advices
...
Browser extensions
All web-designers and developers should use the following developer browser extensions:
...
They provide a lot of useful tools, among which DOM explorer, CSS editors, network inspector, etc., and are a huge help when debugging HTML, CSS, JavaScript, and even Ajax requests.
Best practices
Here is a non-exhaustive list of best practices that you should follow when creating a theme:
...