Devenet Devenet

Liens en vrac

Quelques 360 marque-pages glanés pendant ma navigation sur le Web.

Pliage de serviette pour présenter les couverts

http://9gag.com/gag/aZNzbYW

Serviette en papier (ou tissu) qui sert de support pour les couverts :
1. Plier en 4 la serviette (si papier en général déjà fait).
2. Rabattre le côté supérieur droit sur le côté extérieur inférieur gauche.
3. Faire la même chose deux fois de suite mais en rabattant le côté à l’intérieur du pli précédent.
4. Retourner la serviette et plier les deux côtés de manière parallèle aux bords.
5. C’est prêt.

2015-10-05

Note centrer une image dans un bloc

http://lehollandaisvolant.net/?mode=links&id=20150731185744

#container {
   max-height: 100%;
}

#container img {
   /* Keeps image from going outside the screen */
   max-height: 100%;
   max-width: 100%;
   /* Keeps image from beeing distorted */
   height: auto;
   width: auto;
   /* centering horizontally AND vertically */
   /* 50% of container */
   position: relative;
   top: 50%;
   left: 50%;
   /* 50% of image */
   transform: translate(-50%,-50%);
}

2015-07-31

Responsive tables in pure CSS

http://lehollandaisvolant.net/?id=20150528170631

Comment transformer un tableau en un tableau responsive lisible sur des petits écrans

@media (max-width: 500px) {
/* table + tbody are blocks */
#mytable, #mytable tbody {
display: block;
width: 100%;
}

/* each row becomes table */
#mytable tr {
display: table;
margin-top: 20px;
width: 100%;
border-spacing: 5px 0;
}

/* each cell becomes a row (of the row that had become a table)  */
#mytable tr td {
display: table-row;
width: 100%;
}
}

2015-05-28