Effacer l’arrière plan de ses images en ligne
Voici deux outils en ligne pour supprimer l’arrière plan des images. https://www.remove.bg/ https://www.stickermule.com/trace
Des générateurs utiles pour les intégrateurs front-end
Sur le net, vous pouvez très facilement trouver un générateur pour à peu près tout et n’importe quoi !! Les développeurs qui les ont conçus facilitent grandement la vie des intégrateurs web, leur permettant d’obtenir les effets désirés en peu de temps Voici donc une liste non exhaustive de générateurs en tout genre theappguruz.com animista.net […]
Des sections non linéaires avec du svg
Dans ce petit mémo, je donne l’exemple d’une page à sections, dont les séparateurs sont en fait des figures svg non linéaires. Pour aller plus vite, j’utilise l’excellent générateur https://getwaves.io/. Cet outil puissant permet de créer en un clic une figure svg comme une diagonale, des vagues arrondies, rectangulaires ou triangulaires ! C’est parti ! […]
Un slider responsive avec Slick Slider
Voici un exemple de slider crée à l’aide du plugin Slick Slider, très simple d’utilisation. Toutes les options sont sur le site officiel, avec de nombreux exemples. La difficulté peut venir du côté responsive, il n’est pas évident de définir une taille fixe au conteneur et faire en sorte que le slider s’adapte au redimensionnement. […]
Un menu flexbox responsive
Voici un exemple de menu responsive construit avec flexbox. See the Pen flexbox menu/expandable search box/material icons by yuyazz (@yuyazz) on CodePen. Dans ce menu en flexbox, on joue sur l’ordre des éléments et leur visibilité, en fonction de la taille d’écran. Dans le code, le menu est composé d’abord du logo, des éléments de […]
Des blocs extensibles au survol en css
Voici un exemple html/css de blocs extensibles au survol. Un voile d’opacité est ajouté, il se retirz également au survol. Le principe est assez simple : on crée une div d’une certaine largeur, on la décale au survol grâce à la propriété transform:translate, et on la ramène à sa position initiale lorsque le curseur quitte […]
Rechercher les élements du Dom hors cadre
Lors de vos intégrations web, il vous est sans doute déjà arrivé d’avoir une marge à droite avec l’apparition d’une scroll bar horizontale. Il y a un élément dans la page qui sort du flux, mais on ne le voit pas forcément tout de suite. On peut dans ce cas supprimer les blocs un à […]
Récupérer le favicon d’un site
Pour vos différents projets d’intégration, il se peut que vous ayez besoin de récupérer le favicon d’un site, histoire de prendre de l’avance, sans nécessairement attendre le retour du client sur ce point. L’outil google suivant permet de le récupérer en un clic : http://www.google.com/s2/favicons?domain=www.sitename.com tapez le nom du site en question à la place […]
Appeler les scripts dans un thème parent ou enfant
Pour distinguer l’appel aux scripts et fichiers de style entre un thème parent et un thème enfant, wordpress met à notre disposition deux fonctions distinctes. A l’intérieur de la fonction wp_enqueue_script, ou wp_enqueue_style, pour lier un script dans un thème enfant, on utilise : Et pour lier un script dans un thème par défaut ou […]
Comment retrouver l’ID de ses pages ou articles dans wordpress ?
Pour retrouver l’ID d’une page ou d’un article, il faut se rendre dans le backoffice de wordpress, dans l’onglet Page ou article. Au survol sur le titre, vous devriez voir apparaître tout en bas à gauche de l’écran votre ID sous la forme : Le chiffre qui se trouve après « post=… » est l’ID de votre […]