icone de liste à puce

Citation personnelle #1

La force d'un développeur, ce n'est pas tant le code qu'il écrit que les bugs qu'il fixe!

icone de liste à puce

Grille masonry html5

Comment obtenir une grille façon Masonry avec très peu de CSS?

C'est très simple, il suffit de définir une propriété column-count au parent.
Un exemple ici avec des DIV, des balises de type block

 

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

.masonry-parent {
       
-moz-column-count: 4;
       
-webkit-column-count: 4;
       
column-count: 4;
       
column-gap: 20px;
    }

    .masonry-child {
       
-webkit-column-break-inside: avoid;
       
page-break-inside: avoid;
       
break-inside: avoid-column;
    }

    @media (max-width: 900px) {
       
.masonry-parent {
           
-moz-column-count: 2;
           
-webkit-column-count: 2;
           
column-count: 2;
        }
    }

    @media (max-width: 600px) {
       
.masonry-parent {
           
-moz-column-count: 1;
           
-webkit-column-count: 1;
           
column-count: 1;
        }
    }

icone de liste à puce

Les paramètres Wordpress qui sauvent la vie

Activer le débuggage

define('WP_DEBUG', true) ;

 

Activer l'auto-update

define('WP_AUTO_UPDATE_CORE'true) ;

 

Forcer le Https

define('FORCE_SSL_ADMIN'true) ;
if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false) {
    
$_SERVER['HTTPS']='on';
}

icone de liste à puce

Le kit de base

Tout serveur devrait avoir son kit de survie minimum.

Voici les sous-domaines toujours utiles yes

Bien sûr, le tout en https...
Inutile de croire qu'avec les urls vous pourrez hacker le serveur, il est blindé (fail2ban hypervitaminé et autres petites surprises)

icone de liste à puce

iRoom css framework V2.0

iRoom framework fait peau neuve, et est juste A MA ZING!

  • flex boxes
  • nouveaux composants
  • classes utiles
  • plein de javascript sans librairies

toujours en dev à l'heure actuelle mais vous pouvez télécharger la version beta ici

icone de liste à puce

Plugin Wordpress 100% Made in VsWeb

Après toute une série de plugins symfony (vendor bundles), c'est une extension wordpress faite par votre serviteur que vous pouvez retrouver dans le répertoir officiel des plugins wordpress (et j'en suis peu fier laugh).

Cette extension s'appelle "Materialize contact form" et elle permet d'injecter par shortcode un formulaire de contact on ne peut plus moderne, grâce au design du célèbre framework CSS Materialize.

Materialize contact form