spin jquery bs3

SPIN HTML/CSS - c'est maintenant gratuit !

Introduction

Le thème SPIN Admin/Dashboard avec un design minimaliste et une interface utilisateur sombre innovante vous permettra de créer une application étonnante et puissante avec une excellente interface utilisateur. Parfaitement conçu pour les applications à grande échelle, avec une documentation détaillée étape par étape. Il est construit sur la base des dernières normes et recommandations. Il est alimenté par le framework Bootstrap 3.x, qui est actuellement l'un des frameworks les plus populaires au monde.

Installation

1. Assurez-vous d'avoir Ruby installé (Ruby DevKit sur Windows également), Jekyll gem, Bundler gem ( gem install bundler ), Node, Bower et Gulp
2. Cloner ce référentiel git clone https://github.com/0wczar/spin.jekyll.git
3. Dans le terminal, accédez au répertoire du référentiel cloné
4. Exécutez npm install pour installer les packages NPM
5. Exécutez bower install pour installer les packages Bower
6. Exécutez gulp bower pour attacher les packages Bower à Jekyll
7. Exécutez bundler pour installer les gemmes requises
8. (Option) Exécutez gulp pour démarrer Jekyll avec l'observateur HTML/JS/Styles. Pour commencer à regarder UNIQUEMENT les fichiers HTML, exécutez gulp jekyll

Ajout de composants Bower

1. Dans le terminal, accédez au répertoire du projet
2. Exécutez bower install <package-name> --save par exemple bower install jquery --save . La liste des packages Bower peut être trouvée ici - http://bower.io/search/
3. Une fois l'installation terminée, exécutez gulp bower pour attacher la nouvelle bibliothèque.

Ajout de plugins Less/Sass

1. Les fichiers Sass des plugins doivent être placés dans /src/assets/scss/<plugin-name>
2. Le CSS compilé doit être placé dans /src/assets/stylesheets/<plugin-name>.css
3. Ce style personnalisé généré doit être lié dans le /src/_includes/head.html par exemple <link rel="stylesheet" href="assets/stylesheets/select2-bootstrap.css">

Création de nouvelles pages

1. Les nouvelles pages HTML doivent être ajoutées au dossier /src , par exemple /src/new-page.html
2. La nouvelle page doit avoir les variables requises en haut : layout: default . Les autres variables utilisables sont : bodyClasses qui ajoute les classes appropriées à la balise body, defaultContainer qui ajoute un conteneur spécifique à la barre de navigation, au pied de page et title qui est injecté dans head et peut être utilisé dans le contenu via {{ page.title }} . Exemple:
3. La page ajoutée doit être liée dans la barre latérale comme ceci : Exemple de lien : <li class="{% if page.url == "/default.html" %}active{% endif %}"><a href="/default.html"><span class="nav-label">Default</span></a></li>
4. Pour accéder à cette page vous pouvez utiliser cette url : localhost:3000/new-page/

Source de vanille (application complète légère)

1. Dans le dossier principal, entrez dans le terminal gulp build:vanilla
2. Allez dans le dossier cd /site
3. Puis npm install
4. Prochaine bower install
5. gulp build
6. Source prête disponible dans le dossier /dist

Source de départ (Starter Dev) (_inludes/starter...)

1. Dans le dossier principal, entrez dans le terminal gulp build:seed
2. Source prête disponible dans le dossier /starter

Réinitialisation de GIT

1. Accédez au dossier avec cd /your_catalog
2. Entrez git reset --hard origin/master
3. Tirer via Github Dekstop

De nouvelles options plus fausses

1. Exemple : 25 - 07 - 2016 - 12:03 (12h) <span data-faker="{{date.day}} {{date.monthDigit}} {{date.year}} {{date.time}}"></span>
2. Exemple : Mois : janvier, février, mars, etc... data-faker="[[date.monthShort]]"
3. Exemples : Jours : lundi, mardi, mercredi, etc... data-faker="[[date.weekdayShort]]"
4. Exemple : 1 % - 100 % : <span data-faker="[[random.percentage]]"><span>
5. Exemple : 0 % - 100,0 % : <span data-faker="[[random.percentagePoint]]"><span>