Posté par pierre le 19 juin 2019

Z-index et absolute

Le concept du z-index parait simple, plus la valeur est haute, plus l’élément sera en haut de pile, mais dans le pratique, si on utilise un positionnement en absolute ça pourrait ne pas se passer comme vous l’entendez et vous pourriez y perdre quelques cheveux.


Voici un article qui vous aidera à mieux comprendre ce qui se passe:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Posté par pierre le 14 juin 2019

Enlever Catégorie dans l’en-tête des pages WordPress (twenyseventeen)

Dans le template twenyseventeen, dans l’en-tête des pages de blog, la nom de la catégorie s’affiche toujours précédé d’un “Catégorie :”, si vous désirez le supprimer, c’est très simple.
(attention, il s’agit d’une manipulation sur un thème enfant, si vous ne savez pas ce que c’est, commencez par là)

Dans le fichier functions.php de votre thème enfant, ajoutez cette fonction, et laissez vide le premier paramètre.

?
function prefix_category_title( $title ) {
    if ( is_category() ) {
        $title = single_cat_title( '', false );
    }
    return $title;
}
add_filter( 'get_the_archive_title', 'prefix_category_title' );
Posté par pierre le 12 juin 2019

Sticky Footer

Un footer qui se retrouve en milieu de page, ça ne se fait pas!

Un pied de page (footer) doit toujours être en bas de page, même si le contenu ne remplis pas la page. Malheureusement, bon nombre de templates négligent ce fait.
sticky footer

Dans le lien ci-dessous vous découvrirez 5 techniques vous permettant de le faire, à vous de choisir la meilleure technique suivant l’architecture de votre site.
(en ce qui me concerne, la méthode avec calc() me parait la plus commode, pour autant que vous n’ayez pas trop de contraintes concernant la rétrocompatibilité)

Sticky Footer, Five Ways
Posté par pierre le 29 mai 2019

Un template vide mais avec tout ce qu’il faut

Marre de devoir réécrire a chaque fois la structure de base, appels script et css, reset de vos page html?

Il existe beaucoup de solutions pour vous épargnez ces taches.

Utilisez Initializr et commencez à coder du contenu en 15 secondes

initializr logo

http://www.initializr.com/

L’excellent site Alsacréations nous a également distillé une savoureuse solution digne des meilleurs produits de cette belle région.

logo schnapsit
https://schnaps.it/

Posté par pierre le 28 mai 2019

Media Queries Breakpoints

Une liste des valeurs de rupture (breakpoint) à mettre dans vos media queries, mais veillez en priorité a respecter les valeurs de la feuille de style mère.
La page est assez bien fournie et regroupe les principaux framework css du marché.
Tout cela reste des suggestions et ça ne couvrira pas forcément tous les spécificités des appareils du marché.


https://media-queries.aliasdmc.fr/media-queries-live.php

Posté par pierre le 27 mai 2019

Flexbox: des grenouilles et des nénuphars

Un quizz très complet où vous aiderez des grenouilles à retrouver leurs nénuphars.
.. et par la même occasion de découvrir beaucoup de fonctionnalités que vous ignoriez probablement. Même si vous pensez être le king de la Flexbox, faites-y un tour.


https://flexboxfroggy.com/#fr