Les notes Buddyweb

AngularJs : supprimer le # de vos URL

par
10 mars 2015 1 Commentaire

Enlever le # de vos URL est une chose facile, il vous suffit d’ajouter seulement deux lignes de codes. 1) Rendez-vous dans votre fichier app.js, dans la déclaration de vos routes. Maintenant ajouter à la fin de cette dernière l’élément suivant : // use the HTML5 History API $locationProvider.html5Mode(true); 2) Ne pas oublier d’ajouter la dépendance $locationProvider. Votre fichier devrait alors ressembler à ceci...

Lire l'article

Installer une google font sur mon ordinateur

par
14 octobre 2014 0 Commentaire

Pour utiliser une google font sur les logiciels tels que Photoshop, PowerPoint, Keynote, etc. il faut l’avoir préalablement installée. Voici les démarches à suivre : 1. Sur le site Google Fonts, choisir une police et cliquer sur le bouton « Quick use » de la font correspondante (à gauche du bouton « Add to collection ») 2. Sur la page « Quick use », passer à l’étape 3 intitulée « Add...

Lire l'article

Raccourcis Sublime Text 2

par
12 septembre 2014 0 Commentaire

Mieux connaître son éditeur L’éditeur Sublime Text 2 se démarque de Notepad++ par ses commandes efficaces. Si vous-êtes un utilisateur régulier, prenez quelques minutes pour accélérez votre workflow et découvrez des raccourcis, l’indentation automatique et les snippets (contenu préconfiguré) en quelques minutes. 1. Raccourcis 1.1. Edition Coder devient plus rapide lorsqu’on a les raccoucis suivants en tête. Commandes Mac Commandes Windows Actions ⌘ +...

Lire l'article

WordPress : un contenu conditionnel en fonction des pages

par
23 mai 2014 0 Commentaire

En élaborant des templates WordPress, il se peut qu’il doive y avoir une différence entre plusieurs pages, hors de la zone de contenu dynamique. Dans ce cas là on a deux choix : créer un nouveau template pour la page en question ou bien utiliser « if ». Pour les petites différences, on préfèrera la 2ème option, qui est plus légère et rapide à mettre en...

Lire l'article

Inclure un fichier CSS depuis un autre fichier CSS

par
23 mai 2014 0 Commentaire

En manipulant plusieurs fichiers CSS, on peut avoir le besoin d’appeler un fichier CSS depuis un autre. Il suffit d’utiliser la commande @import depuis le corps du fichier css qui va faire l’appel. Cette commande doit être placée en haut du fichier, avant les autres déclarations. @import url("css/grid.css"); /* import grid CSS */ Et voilà ! Vous pouvez donc structurer votre code CSS facilement....

Lire l'article

Comment télécharger une ancienne version de Prestashop ?

par
23 mai 2014 2 Commentaires

Si vous devez utiliser le CMS Prestashop dans un projet web e-commerce, il est possible que vous soyez amenés à télecharger une ancienne version de Prestashop. Pour cela, vous pouvez télécharger toutes les versions de Prestashop (1.2, 1.3, 1.4, 1.5, etc.) déjà sorties ici : http://code.google.com/p/prestashop/downloads/list C’est arrivé dans un cas où j’avais besoin de tester la compatibilité d’un module qui allait être installé sur...

Lire l'article

WordPress : Insérer un shortcode dans un fichier template

par
23 mai 2014 0 Commentaire

L’utilisation des shortcodes est très pratique pour beaucoup d’utilisateurs de WordPress. Il suffit d’ajouter le code entre crochets dans l’éditeur visuel pour que la magie fasse son effet. Cependant que se passe t-il si vous voulez insérer le même code dans les fichiers templates de votre thème comme header.php, footer.php ou index.php ? Et bien c’est très facile, il suffit d’utiliser la fonction do_shortcode...

Lire l'article

Activer l’URL Rewriting sous Wamp

par
9 avril 2014 1 Commentaire

Pour tester vos réécritures d’URL en local ou migrer un wordpress en local disposant de permaliens modifiés, vous aurez besoin d’installer la réécriture d’URL sur Wamp. Voici un petit tutoriel pour activer cette fonctionnalité pour que le site fonctionne. Tout d’abord, il faut activer le module rewrite dans httpd.conf. Pour l’ouvrir, il faut cliquer sur l’icône de wamp, puis selectionner Apache et cliquer sur...

Lire l'article

Suprimer les espaces entre les élements en display : inline-block

par
13 mars 2014 0 Commentaire

Comment supprimer les espaces entre les différents éléments positionnés en inline-block ? Cette question m’a été posées plusieurs fois ces derniers jours via Twitter et lors d’échanges. Je me suis dis que ça pourrait être utile de publier une petite note à ce sujet Pour disposer des éléments les uns à coté des autres, on utilise à juste titre la valeur inline-block de la...

Lire l'article

Un background plein écran flexible avec CSS

par
13 mars 2014 2 Commentaires

Introduction Vous voulez une image en arrière plan qui s’adapte a la taille du navigateur, sans se déformer. Pour avoir un exemple de ce que cela donne, vous pouvez aller voir notre atelier qui utilise ce principe en cliquant ici. Comme vous pouvez le contraster, si vous essayer sur la page, elle ne se déforme pas. Le ratio de l’image est conservé et elle...

Lire l'article