Créer une galerie d'items CARRÉS et responsive... C'est beau.

OMAGAD c'est VRAIMENT méchant ça J'imagine le pauvre dev derrière !

C'est aussi dégueu que de remplacer le ; par ; (https://www.compart.com/en/unicode/U+037E)

La réponse ⬇️

[objectObject]

Des outils pour développeurs que son auteur m'a proposé par mail. Pas beaucoup testé, mais ça semble pas mal du tout:

outils de test:

* Regex
* Tester XPath
* Tester JSONPath
* Tester JSON Schema validator XML Schema validator

Code checkers:

* PHP code checker 
* Python code checker 
* Ruby code checker 
* JavaScript tester

HTTP API tools

* REST
* client SOAP
* client Mock
* REST API Web Service
* Testing JSON
* Web Storage

Random Data Generator

* CSV
* Generator JSON
* Generator

Database tools

* SQLite
* browser SQL
* Formatter<br/><br/><div class="img_source"><a href="https://extendsclass.com/image/code-editor.png">Source image</a></div>

Bon, j'ai vraiment pas l'habitude de faire ce genre de choses, mais ya des moments où ça suffit...

Comme j'en ai plein le cul de voir passer les merdes pseudo scientifiques de Tibiaster djanybekensis sur la river, je me suis fait un bookmarklet qui les vire pour moi... non, parce que ça pique trop les yeux.

Et martouf, t'embête pas à répondre, hein... je te lirai pas.

[...] I added the possibility to share photos directly from the phone gallery to the website. In this article, you will learn how to use the Web Share API to share images to your website and handle the data.

Tiens, j'ai trouvé un effet sympa en css sur ce site, je l'ai récupéré et mis là... (je sais pas si j'ai tellement le droit, mais bon )

<style type="text/css">
div.tr1 img {
    -webkit-transform: translateX(60px) translateY(-160px) rotateX(45deg) rotateZ(-20deg);
    -moz-transform: translateX(60px) translateY(-160px) rotateX(45deg) rotateZ(-20deg);
    -ms-transform: translateX(60px) translateY(-160px) rotateX(45deg) rotateZ(-20deg);
    -o-transform: translateX(60px) translateY(-160px) rotateX(45deg) rotateZ(-20deg);
    -webkit-transition: transform 1s;
  transition: transform 1s;
}       
div.tr1 img:hover{
    -webkit-transform: translateX(0) translateY(0) rotateX(0) rotateZ(0);
    -moz-transform: translateX(0) translateY(0) rotateX(0) rotateZ(0);
    -ms-transform: translateX(0) translateY(0) rotateX(0) rotateZ(0);
    -o-transform: translateX(0) translateY(0) rotateX(0) rotateZ(0);
    -webkit-transition: transform 1s;
  transition: transform 1s;
}
div.tr1{
    width:512px;
    height:256px;
    overflow:hidden;
    border-radius:5px;
    border:1px solid rgba(0,0,0,0.2);
    background:black;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

</style>
<div class="tr1">
    <img src="https://www.pdfannotator.com/images/pdfannotator/fr/screenshot.png">
</div>

Quand un post sur le code merdique parfaitement assumé mène à la naissance d'une nouvelle religion

Origine de l'idée:

Les avantages d'utiliser input type="text" inputmode="numeric" au lieu de input type="number".

Animer width et height en css sans se prendre la tête et plus rapidement avec transform.

Les animations de propriétés provoquent un reflow de la page alors que transform et opacity ne le font pas: c'est un point en leur faveur. Problème, si on étire une boîte arrondie (transform: scale), les coins se déforment alors que si on change la taille (width/height), les coins restent arrondis.

L'auteur propose une solution qui consiste à étirer tout sauf les coins en divisant l'élément en plusieurs divs... ça me rappelle l'époque où border-radius n'existait pas et qu'on faisait les coins arrondis en multipliant les divs avec des fonds... #teamVieux

Tester des langages de programmation en direct: une alternative. Je mets de côté (wink Erase )

Je viens de procéder à une mise à jour de pluXml plugin starter:

1. ajout des hooks des dernières versions de pluXML
2. ajout d'une fonction permettant de filter les hooks afin de les retrouver plus facilement
3. ajout d'icônes unicode sur les boutons de sélection des hooks (plus faciles à identifier
4. dans l'optique d'en finir avec github, j'ai changé le lien de github en lien de téléchargement direct de la version courante, comme j'avais fait avec googol.

Quand STARTPAGE se met à utiliser un content-encoding en gzip sans prévenir, ça fait cafouiller Googol qui n'y retrouve plus ses petits regexes.

Heureusement, en ajoutant

curl_setopt($ch,CURLOPT_ENCODING , "gzip");

dans la méthode de curl, on répare tout...

ouf.

Styler les inputs radio/checkboxes de façon sémantique, accessible, moderne, customisable et vanilla, c'est possible !

Avec un mélange de variables css et appearance.

Superbe travail en effet: concevoir un shader pour compenser les irrégularités de luminosité d'une télé vieillissante. Je suis fan du principe et pour une fois que le fait que les télés soient devenus des ordinateurs peut-être utile au lieu d'emmerdant...

Trop beau ! Je vais m'en faire un ! [EDIT]

les voilà en SVG, un en noir et blanc et un en couleurs, pour pouvoir les éditer facilement.

(...)