Tutoriel JavaScript : Custom Element : drop-files - YouTube
lundi 15 mars 2021 à 13:13Une lib créant une dropzone automatiquement à la place d'un input-file. Avec les explications techniques.
Grafikart <3
► Commentaires
Site original : Warrior du Dimanche
Une lib créant une dropzone automatiquement à la place d'un input-file. Avec les explications techniques.
Grafikart <3
En 2005, nous avons fait construire la maison dans laquelle nous sommes (notre première maison) et nous avions été un peu pressés d'emménager par le proprio de l'ancienne: du coup, j'avais fini les travaux sur les chapeaux de roue, notamment en ce qui concerne la salle de bains du haut, finie au tractopelle...
Comme nos enfants étaient petits, on avait évidemment opté pour une baignoire que j'avais posée sur une structure en bois et entourée de carrelage (no comment). Au bout de 16 ans (!) je ne pouvais plus la voir, cette salle de bains; moisissures, bois qui commence à pourrir. Bref: j'ai décidé de tout refaire.
J'ai viré l'habillage de la baignoire, l'armature en bois... J'ai tenté de virer le carrelage, mais le placo venait avec... J'ai lâché l'affaire et j'en ai rajouté aux endroits qui allaient être visibles après avoir retiré la baignoire... Puis j'ai dégagé la baignoire. Une remorque pleine pour la déchetterie.
Une fois tout viré, il fallait choisir une douche. On partait plus ou moins pour une douche à l'italienne avec carreaux de verre (comme celle faite en bas) mais je ne voyais pas maçonner le bac à la main. On a choisi de passer à la cabine de douche. Mais avant: papier crayon et réflexion.
Les plus attentifs auront des infos sur ma vie quotidienne vu que les plans, je les fait dans mon bujo
J'ai fait plusieurs prises de mesuresPuis j'ai fait des plans afin d'être certain de pouvoir placer la cabine de douche choisie...
(J'ai même réfléchi à la façon de s'y prendre pour la poser...)Nous avons opté pour une cabine de douche de 80x110 qui s'intègre parfaitement en sous pente. Toutefois, il y a un problème: le montage de la cabine requiert une zone de 50cm autour.
Donc, il a fallu réfléchir afin de trouver un moyen de monter la douche puis de la pousser à son emplacement définitif alors qu'elle pèse le poids d'un éléphanteau de fort calibre..
Mais au bout du compte, on a réussi et j'ai pu finir le montage:
Demain, je maçonne un mur de carreaux de plâtre et un cache devant le tuyau de descente et les arrivées d'eau, ensuite je peindrai en blanc puis je placerai des étagères.
L'étape finale sera de poser un lino de salle de bain et les plinthes qui vont bien.
<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});Dans mes applis destinées aux élèves, je mets toujours un bouton permettant de passer à une fonte pour dyslexiques, la très célèbre opendyslexic et j'ai souvent de bons retours.
Toutefois, je me suis dit que ce serait bien d'améliorer un peu le truc et d'en faire une classe que je puisse réutiliser plus ou moins telle quelle.
En gros, je force la police en opendyslexic, j'augmente un peu l'espacement entre les lettres ainsi que celui entre les mots et la taille de la police.
@font-face {
font-family: 'opendyslexic';
font-style: normal;
font-weight: 400;
src: local('font/opendyslexic'), url('font/opendyslexic.woff') format('woff');
}
.dyslexic{
font-family:"opendyslexic";
line-height:1.8em;
letter-spacing: 0.12em;
word-spacing: 0.39em;
font-size:1.5em;
}
ça sous entend que vous avez la police opendyslexic dans un dossier font, comme dans le zip que voici, prêt à l'usage : Dislexic_css.zip
Je vous file un petit (!) bookmarklet qui fait ce qu'il peut pour passer le site courant en version dys. (Vu que le chargement de fontes distantes est bloqué pour des raisons de sécurité, j'ai directement inclus la fonte en base64 dans le css)
Comme toujours, ça peut sans aucun doute s'améliorer: j'ai fait ça entre les devoirs des enfants, les corrections de copies et le repas à préparer. Toutefois, ça fonctionne plutôt bien sur tous les sites que j'ai testés, même les sites de warez
<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});MouhouhahaPHP forever !
Bon, je lis ça ce soir...
Peut-être.