https://medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228
C'est juste... beau. ../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/sad.png
`
1
2
3
4
5
6
.wrapper {
display: grid;
grid-template-columns: 100px 100px 100px;
grid-template-rows: 50px 50px;
}
`
../.http://warriordudimanche.net/plugins/WDD_replace/img/big/mouille.jpg
Via Plop linksSource image
repost automatique de mon site...
https://github.com/ArthurHoaro/web-thumbnailer
PHP library which will retrieve a thumbnail for any given URL, if available.
Arthur is alive \o/
welcome back Bro' (ノʘヮʘ)ノ*:・゚✧Via Liandri's Links
repost automatique de mon site...
https://lokesh-coder.github.io/pretty-checkbox/
Une lib pour faire des checkboxes en pur css. C'est bôôôôô oOVia Marquetapages Shazen
repost automatique de mon site...
http://warriordudimanche.net/?article0720/go-un-raccourcisseur-d-url
Il y a quelques jours, j'ai eu à filer un lien vers un travail à mes élèves, j'avais donné un qrcode mais, bien entendu, la plupart ne savait même pas de quoi il s'agissait et ne disposaient de toutes façons pas de l'appli; les voilà donc partis pour taper l'url dans le navigateur, pour ceux qui savaient ce que c'était, ou dans la recherche google pour les autres ...
[center]../.http://warriordudimanche.net/plugins/WDD_replace/img/medium/kiddinme2.png [/center]
[fright] ../.http://warriordudimanche.net/plugins/WDD_replace/img/medium/lol.png[/fright] Or, facteur aggravant, l'URL était longue et alambiquée ce qui, pour des mômes qui ont la capacité de rétention d'un bulot cuit, constituait déjà un challenge qui aurait à lui seul pu subir une évaluation notée.
[fleft] ../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/sardonique.png [/fleft]GrosJean comme devant, je me promets* in petto* de coder à l'arrache un raccourcisseur d'url perso, histoire de ne plus perdre 22 minutes à attendre que tout le monde ait tapé les bons caractères dans le bon ordre et dans la bonne case...
Donc, voilà, c'est fait.
[center] ../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/gfini.jpg [/center]
C'est très minimaliste, fait à l'arrache, mais ça fonctionne: la page d'accueil contient une case pour taper l'url à raccourcir et une autre si vous voulez spécifier un code particulier (sinon, il génère au hasard): si vous précisez un code qui existe déjà, il écrasera l'ancien.
Voir la démo
Télécharger le zip
C'est publié sous licence faisCeQueTuVeuxMaGueule (n'hésitez pas à virer le lien du footer si vous voulez )
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg
repost automatique de mon site...
http://warriordudimanche.net/?article0700/bigascii-js
Dans la catégorie «script à la con» voici une page qui permet de transformer un texte en gros titre ascii.
J'en ai eu besoin pour que la répartition de mon code pour Bozon se voie même dans la minimap de SublimeText.
(faut dire que la classe post/get à elle seule contient 1700 lignes environ... ../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/facepalm.png )
En vous rendant sur la page en question, vous pouvez taper un texte et sélectionner différents paramètres. Pour l'instant, elle ne gère que les caractères alphanumériques (je n'avais besoin que de ça)...
Le script est simplissime et facilement modifiable... faites-vous plaisir et partagez vos versions ../.http://warriordudimanche.net/plugins/WDD_replace/img/normal/content.png
repost automatique de mon site...
http://warriordudimanche.net/?article0690/59b415d1d57e5
RHAAAAAAA CON DE FIREFOX !
J'arrive pas à récupérer les fichiers déposés pour les ajouter dans un input[file]... pourtant ça marche nickel sous Chromium !
`
document.getElementById('selector_0').files=event.dataTransfer.files;
`
La console me prouve que event.datatransfert.files est correct mais impossible de transférer sa valeur à l'input !
Pourtant, même StackOverflow dit que (ça marche sous Firefox)[https://stackoverflow.com/a/38968948] !
J'en suis à mon 3ème gigaoctet de doc consultée, je commence à voir flou...
'Tain, chez Mozilla, faites un effort, on se croirait à la glorieuse époque d'IE6
Une idée, les copains ?
`
function stopPropagation(event){
if(event.preventDefault) { event.preventDefault(); }<br />
if(event.stopPropagation) { event.stopPropagation(); }
}
dropzone.addEventListener("drop", function(event){
stopPropagation(event);<br />
document.getElementById('selector_0').files=event.dataTransfer.files;<br />
console.log(event.dataTransfer.files,document.getElementById('selector_0').files);<br />
return false;<br />
}, false);
`
repost automatique de mon site...
https://cafe.des-blogueurs.org/users/notabene/updates/6156
Stéphanou
@notabene
NB : je ne code pas mais je crois que la codocratie n'est pas la seule alternative dans l'OSS. L'open source a besoin de gens qui sont simples utilisateurs, de gens qui font des tickets UX, acessibilité, etc.
Les projets qui ne le comprennent pas sont condamnés à ne jamais être grand public.
Je reposte ici ma réaction:
@notabene
Je suis tout-à-fait d'accord: un codeur ne peut pas tester correctement son appli, il est trop impliqué et il la connait trop bien.
On a BESOIN des usagers qui sauront remonter leur opinion, leurs idées et surtout les bugs qu'ils ont rencontrés en utilisant "mal" l'appli: ça permet au codeur d'améliorer considérablement son travail.
MERCI à tous ceux qui prennent le temps de tester et de remonter leurs conclusions !Source image
repost automatique de mon site...
http://warriordudimanche.net/?article0579/suivi-de-commentaires-par-mail-pour-pluxml
Il y a quelques temps, j'avais bricolé un plugin pour Cyrille afin de permettre aux usagers du site de s'abonner par mail aux commentaires d'un article.
Comme il s'est trouvé quelqu'un d'autre que ça semblait intéresser, je pose là le bouzin ^^
Pour faire simple, le plugin ajoute une case permettant de s'abonner dans le formulaire de commentaire.
Quand un commentaire est posté et validé, l'abonné reçoit un email contenant le commentaire ainsi que des liens vers l'article, le commentaire et le désabonnement.
L'auteur de l'article peut, lui aussi, recevoir un mail pour tout commentaire posté (voir la page de config du plugin)
Comme toujours, c'est fait un peu à l'arrache, entre deux perturbations familiales... (j'ai compté une fois: en deux heures, les boulets m'on interrompu près de 40 fois: j'ai fait la liste sur ~~un~~ des postits, optimiste que j'étais)
N'hésitez pas à proposer des améliorations ../.http://warriordudimanche.net/plugins/WDD_replace/img/medium/kiddinme2.png
repost automatique de mon site...
http://warriordudimanche.net/?article0433/touit-du-dimanche-8-janvier-2017-a-15-50-25
La flemme de virer jquery d'un projet legacy te permet de te prendre la tête sur des trucs bien cons...
Un exemple vécu à l'instant: attacher un événement à un input, pas de soucis... sauf si on crée l'input après le chargement du js, auquel cas il faut utiliser .on()... oui, mais des fois ça marche pas parce qu'on sait pas pourquoi ! Il faut alors passer par un
`
$(document).on('click','.moy input[type=number]',function(){
`
du plus moche effet...
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/pasvucommeca.jpg
Donc, en résumé, on suit les étapes suivantes:
../.http://warriordudimanche.net/plugins/WDD_replace/img/xbig/piquer.jpg
`
1- $('.moy input[type=number]').click(
2- $('.moy input[type=number]').on('click',function(){
3- $(document).on('click','.moy input[type=number]',function(){
`
../.http://warriordudimanche.net/plugins/WDD_replace/img/big/genius.png
Développeurs de Jquery, allez dans la paix du seigneur ../.http://warriordudimanche.net/plugins/WDD_replace/img/big/finger.jpg
Source image
repost automatique de mon site...
https://larlet.fr/david/blog/2013/utilite-code/
Tout-à-fait... j'aime bien l'expression
Lien vers le message anterieur http://sebsauvage.net/links/?aOJ8-Q
http://css-tricks.com/snippets/html/glyphs/
http://codemirror.net/
CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a mode has been written for the language you are editing, the code will be coloured, and the editor will optionally help you with indentation.
http://www.lafermeduweb.net/billet/les-50-commandements-du-developpement-php-497.html
http://css-tricks.com/snippets
http://www.code-couleur.com
http://www.scriptcopy.com
clone de snippets de site connus
http://www.snapfiles.com/get/phpobfuscator.html
http://devcheatsheet.com
http://qrcode.kaywa.com