http://stackoverflow.com/questions/32115609/basename-fail-when-file-name-start-by-an-accent
Tiens, voilà un bug qui vient de me faire paumer un bon moment !
La fonction basename ne reconnaît pas le premier caractère si celui-ci est accentué... la classe.
Bon, donc un petit truc pour pallier à ça:
`
function basename($file){
$array=explode('/',$file);
if (isarray($array)){
return end($array);
}else{
return $file;
}
}
`
http://mono.company/journal/design-practice/the-10-commandments-of-good-form-design-on-the-web/
De bons conseils
http://codepen.io/koheishingai/pen/uKvJF
C'est beau, j'en chialerais ^^ merci ;-) (hop dans mon snippetvamp: http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=556ec5810fd0f )
{code
<div class="carousel">
<div class="carousel-inner">
<input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden="" checked="checked"/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/0079D8/fff/?text=Without">
</div>
<input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden=""/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/DA5930/fff/?text=JavaScript">
</div>
<input class="carousel-open" type="radio" id="carousel-3" name="carousel" aria-hidden="true" hidden=""/>
<div class="carousel-item">
<img src="http://fakeimg.pl/2000x800/F90/fff/?text=Carousel">
</div>
<label for="carousel-3" class="carousel-control prev control-1">‹</label>
<label for="carousel-2" class="carousel-control next control-1">›</label>
<label for="carousel-1" class="carousel-control prev control-2">‹</label>
<label for="carousel-3" class="carousel-control next control-2">›</label>
<label for="carousel-2" class="carousel-control prev control-3">‹</label>
<label for="carousel-1" class="carousel-control next control-3">›</label>
<ol class="carousel-indicators">
<li>
<label for="carousel-1" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-2" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-3" class="carousel-bullet">•</label>
</li>
</ol>
</div>
</div>
<style>html, body {
margin: 0px;
padding: 0px;
background: url("http://digital.bnint.com/filelib/s9/photos/whitewood4500x3000lores.jpg");
}
.carousel {
position: relative;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
margin-top: 26px;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-open:checked + .carousel-item {
position: static;
opacity: 100;
}
.carousel-item {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}
.carousel-item img {
display: block;
height: auto;
max-width: 100%;
}
.carousel-control {
background: rgba(0, 0, 0, 0.28);
border-radius: 50%;
color: #fff;
cursor: pointer;
display: none;
font-size: 40px;
height: 40px;
line-height: 35px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
cursor: pointer;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
width: 40px;
z-index: 10;
}
.carousel-control.prev {
left: 2%;
}
.carousel-control.next {
right: 2%;
}
.carousel-control:hover {
background: rgba(0, 0, 0, 0.8);
color: #aaaaaa;
}
display: block;
}
.carousel-indicators {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 2%;
left: 0;
right: 0;
text-align: center;
z-index: 10;
}
.carousel-indicators li {
display: inline-block;
margin: 0 5px;
}
.carousel-bullet {
color: #fff;
cursor: pointer;
display: block;
font-size: 35px;
}
.carousel-bullet:hover {
color: #aaaaaa;
}
color: #428bca;
}
width: 100%;
position: absolute;
padding: 0px;
margin: 0px auto;
text-align: center;
font-size: 27px;
color: rgba(255, 255, 255, 1);
font-family: 'Open Sans', sans-serif;
z-index: 9999;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0);
}
</style>
code}
http://maxsteenbergen.com/fibonacci/
Coude pour utilisation ultérieure...
http://flexboxin5.com/
Piger flexbox en 5 minutes en manipulant directement un layout... check.
http://zerobin.warriordudimanche.net/?24d3d4914bde7961#FfpbHzrqow8bMkvXTXAJnAX5Oo5gWjMyGcERnYbGa/w=
Un petit zerobin pour réfléchir à un grooveshark like: réfléchir, ça ne coûte rien ;-)
Voilà déjà des idées sur la façon dont je concevrais l'appli si je m'y mettais de mon côté ^^
Comme pour le moment j'ai trop de projets en cours, je mets l'idée en commun si les copains se sentent de s'y coller ;-)
Commentez, ajoutez, récupérez ...
http://lesjoiesducode.fr/post/115021008283/javascript
"Sometimes when I’m writing Javascript I want to throw up my hands and say “this is bullshit!” but I can never remember what “this” refers to"
true story
http://leaverou.github.io/awesomplete/#customization
Oui, elle est brillante, astucieuse, pro et en plus mignonne comme un coeur ^^
Son dabblet est une tuerie ^^
Lien vers le message anterieur http://bookmarks.ecyseo.net/?cyz2cQ
?JteQYg
[EDIT] après un passage pendant lequel j'ai tout-à-fait sérieusement envisagé la possibilité que mon pc était tout bonnement possédé (vu qu'il m'affichait une autre image que celle que je d&d tout en uploadant la bonne...oO), finalement, il semblerait que je sois parvenu à résoudre le bug...
Hein ?! "Comment t'as fait ?!"
ben... je sais pas en fait, vu que je ne me souviens pas avoir touché quoi que ce soit à par le redémarrage de Firefox... oO
Tu vois, j'aime pas ne pas comprendre pourquoi ça ne fonctionne pas... mais ça ne me rassure pas de ne pas davantage comprendre pourquoi ça se met à marcher... oO
[/EDIT]
Je me suis aperçu que le drag & drop fonctionnait sans pb avec chromium, mais sous Firefox, ça merde parce qu'il refuse de stopper la propagation de l'évènement...
pourtant, encore, ça devrait marcher...
[...]
// init handlers
function initHandlers() {
dropArea.addEventListener('drop', handleDrop, false);
dropArea.addEventListener('dragover', handleDragOver, false);
dropArea.addEventListener('dragleave', handleDragLeave, true );
}
[...]
// drag over
function handleDragOver(event) {
if(event.preventDefault) { event.preventDefault(); }
if(event.stopPropagation) { event.stopPropagation(); }
dropArea.className = 'DDdropzone DDhover';
}
// drag leave
function handleDragLeave(event) {
if(event.preventDefault) { event.preventDefault(); }
if(event.stopPropagation) { event.stopPropagation(); }
dropArea.className = 'DD_dropzone';
}
// drag drop
function handleDrop(event) {
if(event.preventDefault) { event.preventDefault(); }
if(event.stopPropagation) { event.stopPropagation(); }
processFiles(event.dataTransfer.files);
}
[...]
et bin nooooon... quand je d&d une image pour un upload, il veut bien l'uploader MAIS il me l'ouvre aussi à côté...
:'-O
https://www.firebase.com/blog/2015-02-11-firebase-unique-identifiers.html
Pas mal ! J'ai eu ce problème pour le plug in de galerie sur lequel je bosse pour pluXML, lorsque j'envoyais des photos: en local, certaines photos avaient exactement la même clé dans le tableau de données généré pour leurs caractéristiques (tags, commentaires etc). Je suis parvenu à peu près aux mêmes conclusions...
http://ianlunn.github.io/Hover/
hop coude !
http://www.ecyseo.net/article45/phpgraph-mise-a-jour-et-correction-de-bugs#form
La MAJ de phpGraph : GG JerryWham ! \o/
https://regex101.com/
Dans la catégorie regex tester, celui-là a ma préférence en ce moment...
temps réel pour les résultats et variables $1 (nommées ou pas), lookbehind et lookahead, génère le code pour php/JS/python, débugger etc...
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
très clair !
http://www.pluxml.org/article73/sortie-de-plucss-1-0-le-framework-css-pour-pluxml
Tiens ?! à regarder, ça...
https://github.com/ArthurHoaro/favicon
En effet, j'ai vu ça mais j'ai pas eu le temps de poster à ce propos ^^
Je pense que ça va me servir et pas que pour respawn :-D
coude et merci Arthur !
Lien vers le message anterieur http://book.knah-tsaeb.org/?TWx1Rg
http://bdadam.com/blog/loading-webfonts-with-high-performance.html
Utiliser les web fonts intelligemment...
1- Only serve fonts in woff format
2- Other browsers get the old "websafe" fonts
3- Download the font in "binary" format and optimize it
4- Serve the fonts yourself
5- Serve them as CSS files - base64 encoded data URIs
6- If the user doesn't have the font, load it asynchronously and store in localStorage
7- Otherwise load it from localStorage without accessing the server
8- Have fun because your site renders much faster and your users have a much better usability experience
Pas con... pourquoi pas.
http://
Dans pluXML, j'avais besoin de passer par la page index pour opérer une identification du user puis par une page admin pour gérer les données de mon formulaire (pour éviter de devoir se logger AVANT de poster)... en effet, impossible de se logger avant si on dirige directement vers la page admin correspondante, car la vérification de la validité de la session se faisait avant toute forme de hook (normal ^^)
Seule solution (apparemment... jerrywham ?!) envoyer le formulaire contenant les données à gérer et le mot de passe tapé par le user à la page index qui permet un hook de vérification/création de session puis rediriger ensuite vers la page admin pour traiter la suite du formulaire...
Je me suis gratté la tête un petit moment, puis j'ai pensé à deux solutions:
1 - changer le $POST en $GET, mais c'est crade
2 - stocker les $POST dans $SESSION['postdata'], rediriger vers la page article.php, hooker pour recréer la variable $_POST...
Ben ça, voyez-vous, ça fonctionne... <3 PHP
http://lehollandaisvolant.net/tuto/sqlite/
cool, merci Timo ^^ -> coude
http://blog.jaysalvat.com/article/bases-de-donnees-virtuelles-en-memoire-avec-sqlite
Oooooh mais que c'est intéressant ça ! Merci mon pote ;-)
je me le mets de côté pour lecture attentive ultérieure (ce soir c'est reprise de l'entraînement ^^)
http://bioinfo-fr.net/sqlite
je me coudifie ça pour quand je devrai reprendre le code de mon appl d'évaluation du socle commun (arg)
fautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymettefautqu'jymette
http://www.dropzonejs.com/
Oui, ça marche très bien et il y a un fallback.
Sinon, tu as auto_dropzone (auto pub inside ;-)
http://www.warriordudimanche.net/?article225/auto-dd-upload-un-script-pour-les-uploader-tous
https://codebabes.com/
Mouhouhaha...
J'attends les trolls sexistes !!! (peut-être même un point Goldwin ? si on a du bol !)
Bronco sort du popcorn
http://linuxfr.org/news/retour-d-experience-sur-sql-js
Intéressant tout ça... je garde dans un coin.
Lien vers le message anterieur http://sebsauvage.net/links/?ATcsHA
http://korben.info/creez-vos-animations-css3-en-quelques-clics.html
peut-être sympa ça...
http://www.codecademy.com/fr
Bon, alors pour python, par exemple, ça merdouille quand même pas mal...
Pour... les caractères accentués...
Cours: string et affichage en console
upper/lower etc... il faut faire un lower() sur une string contenant "Bleu Norvégien" et c'est impossible à réussir... il répond:
Traceback (most recent call last):
File "python", line 3, in <module>
UnicodeDecodeError: 'ascii' codec can't decode byte 0xc3 in position 9: ordinal not in range(128)
C'est pas de suite que je quitterai Php si c'est pour retrouver des blèmes comme celui-là ^^ (troll inside)
http://www.numerama.com/magazine/29470-codecademy-le-site-pour-apprendre-a-coder-est-disponible-en-francais.html
Je viens de renoncer pour la sixième fois à commencer un tuto dessus sous la pression des besoins familiaux... je coudifie pour plus tard.
https://twitter.com/sotak/status/468530655799042049/photo/1
Et c'est comme ça qu'au bout d'un moment on reprend TOUT à ZERO ^^
http://lehollandaisvolant.net/?d=2014/05/20/19/21/36-php-faire-plusieurs-requetes-http-simultanees-avec-curl
Je me note ça: pour SonaRSS je lance un curl par widget (par flux, donc) en ajax... Je vais donc regarder ta solution de près ;-) Merci
http://sametmax.com/le-deploiement-par-conteneurs-avec-docker/
J'avais vu la vidéo de démo mais j'avais pas vraiment saisi...
En effet, c'est pratique et très bien pensé...
Lien vers le message anterieur http://sebsauvage.net/links/?fgY62w
http://stackoverflow.com/questions/11680709/file-get-contents-give-me-403-forbidden
@Timo: certains sites, comme google, poussent même à renvoyer un contenu différent si c'est php qui demande !
solution: filecurlcontents ( http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=535a798f95b35 )
va chercher les données, masque le réferer et se fait passer pour un navigateur ^^
Lien vers le message anterieur http://lehollandaisvolant.net/?id=20140425161447
http://www.commitstrip.com/fr/2014/04/02/reading-between-a-coders-lines/?&&
trop bon...
http://css-tricks.com/flexbox-bar-navigation/
Flexbox c'est bô, flexbox c'est simple...
Mais bon, il faut quand même prévoir un fallback pour un truc compatible avec tout http://caniuse.com/flexbox
http://dev.opera.com/articles/view/css-viewport-units/
Ooooh que ça a l'air intéressant, ça, oooooh ! -> coude ! riditléteur
http://ademcan.net/canSnippet/
Chouette, cansnippet sort de la beta et se paye une page dédiée pour l'occasion !
GG Ademcan !
http://www.ademcan.net/index.php?d=2014/01/16/08/47/25-save-and-share-your-snippets-with-cansnippet
Excellent ça: du choix, de la variété et toujours les mêmes beta testeurs ^^ (salut les copains ^^ )
Je vais tester aussi, tiens ;-)
http://macaw.co/
Un genre de dreamwaever mais plus orienté code et très bien foutu... la vidéo de démo est bien: on voit les avantages de ce logiciel et surtout la propreté du code généré, à la fois sémantique, non redondant et sans excès de spécificité dans les balises.
Je pense qu'on peut gagner du temps avec ça... surtout en phase de recherche et de test de maquette.
http://www.greensock.com/gsap-js/
Je n'ai pas testé mais les performances sont alléchantes par rapport aux possibilités de css3 ou d'autres libs (jquery par ex, lent pour les animations)
Voir : http://css-tricks.com/myth-busting-css-animations-vs-javascript/ pour les perfs (l'article est très bon lui aussi)
http://phpfiddle.org/
un jsfiddle pour php, à tester -> coude (^^ wink Bajazet https://bajazet.fr/shaarli/?92fb3g )
https://github.com/yosko/php-github-updater
Ohhhh que ça sent bon, ça, oooohhhh ! ^^
La toute bonne idée...
Je jette un oeil dessus asap ^^
http://putaindecode.fr/posts/js/de-jquery-a-vanillajs/
Plus clair et simple, je vois pas...
Hop... je prends ! :-P
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://adaptive-images.com/
C'est marrant, je songeais à faire un truc de ce genre un moment:
générer via php des images de résolution différente selon le support (et les conserver en cache) en ajoutant une fonction dans le src de l'img genre <img src="<?php adapt('chemin/de/limage.png');?>" ou même <img src="adaptimg.php?i=chemin/de/limage.png" (un peu sur le modèle d'auto_thumbs mais qui s'adapte automatiquement au device)
http://www.warriordudimanche.net/?article69/auto-thumb-minitaille-sans-maxiaie
La solution présentée ici est toutefois plus complexe et plus complète (notamment, elle retouche les images pour éviter un effet de flou, elle adapte les images non pas au device mais à la résolution employée (via un trick js et un cookie pour passer la résolution à php)
Bref, ça a l'air d'un très beau boulot (même si ça utilise plusieurs technos à la fois : htaccess + php + js ;-) )
http://www.warriordudimanche.net/article206/auto-form-0-2-il-est-mieux#c1385659986-1
Salut les copains ^^
J'ai mis une version plus complète qui gère plus d'attributs et permet de spécifier la balise qui englobe les éléments du form ($autoform['surrounding_object']='li')
@bajazet: de rien mon copain ^^
@m0le: hinhinhin, je suis assez créatif dans le domaine ^^ J'ai même mis une méthode au point pour générer ce genre d'expressions ;-)
https://github.com/webdev23/webshooter
Oh que ça m'intéresse ça... ooooohhhh !
http://heeris.id.au/sites/default/files/ProgrammerInterrupted.png
wow tell me about that ^^
avec 4 enfants, je te dis pas: c'est une torture ! oO
Lien vers le message anterieur http://sebsauvage.net/links/?bYSMmw
http://feeds.lafermeduweb.net/~r/LaFermeDuWeb/~3/nE2jnhqj0T8/requests-une-biblotheque-php-pour-faire-vos-requetes-http-1646.html
Une lib PHP qui permet d'accéder aux fichiers distants ...
"Parmi les fonctionnalités plus avancées, on retrouve:
Gestion des domaines et URLs internationalisés
Vérification SSL
Basic/Digest Authentication
Décompression automatique
Gestion des timeouts"
http://www.lafermeduweb.net/billet/drawingboard-js-un-widget-de-dessin-complet-et-personnalisable-1644.html
amusant...
http://shaarli.memiks.fr/?5wP54Q
Je garde, ça me fera gagner du temps ^^ je sais même où je vais l'utiliser ;)
http://dmauro.github.io/Keypress/
Une lib opensource qui permet la capture avancée d'évènements clavier (touches simples mais également combos de touches)... le tout pour 10ko; ça semble assez simple à utiliser (exemples du site) :
keypress.combo("shift s", function() {
console.log("You pressed shift and s");
});
keypress.counting_combo("tab space", function(e, count) {
console.log("You've pressed this " + count + " times.");
});
keypress.sequence_combo("up up down down left right left right b a enter", function() {
lives = 30;
}, true);
http://dmauro.github.io/Keypress/
Une lib opensource qui permet la capture avancée d'évènements clavier (touches simples mais également combos de touches)... le tout pour 10ko; ça semble assez simple à utiliser (exemples du site) :
keypress.combo("shift s", function() {
console.log("You pressed shift and s");
});
keypress.counting_combo("tab space", function(e, count) {
console.log("You've pressed this " + count + " times.");
});
keypress.sequence_combo("up up down down left right left right b a enter", function() {
lives = 30;
}, true);
http://github.hubspot.com/pace/docs/welcome/
Une lib js pour avoir une progressbar de chargement de page...
Mouaip... finalement, on charge un truc supplémentaire pour montrer que la page se charge: ça vous semble normal ?
à rapprocher de l'article d'hteumeuleu http://www.hteumeuleu.fr/ta-page-charge-ce-n-est-pas-sale/
Le js à toutes les sauces, çaymâl, ça tue des poneys roses...
http://www.webresourcesdepot.com/auto-change-the-color-of-elements-according-to-the-background-backgroundcheck/
Changer automatiquement la couleur d'un élément selon la couleur qui est dessous.
http://n12v.com/focus-transition/
Bonne idée ergonomique: attirer l'attention sur le changement de focus par l'animation de l'outline de l'origine vers la destination.
http://techzulla.com/blog/how-to-make-your-website-load-faster-key-considerations/
Ou alors, on utilise auto_css ^^ hinhinhin
http://www.warriordudimanche.net/article128/auto-css-v1-0-une-version-stable
Lien vers le message anterieur http://lehollandaisvolant.net/index.php?mode=links&id=20130924204705
http://www.catswhocode.com/blog/hyper-useful-ready-to-use-html5-snippets
des snippets pour html5
http://lehollandaisvolant.net/?d=2013/09/20/22/09/18-quelques-rapides-codes-php-js-ou-html
Quelques trucs que je ne connaissais pas... Ce que j'aime avec les snippets, c'est que de suite on a envie de bricoler un truc pour les tester ^^
En tout cas: Merciiiii Timoooo (merci Timo) XD
Pour le centrage horizontal et vertical, j'ai récupéré une série de trucs sur smashingmagazine il y a un moment:
http://snippetvamp.warriordudimanche.net/snippetvamp.php?snippet=5207a68ee3b47
http://www.webresourcesdepot.com/vex-modern-lightweight-modal-boxes/
Des boîtes modales avec un js standalone de 2ko...
Le plus, apparemment:
"It has smooth animations, a built-in CSS spinner and replaces alert, confirm, and prompt out of the box."
http://www.warriordudimanche.net/shaarli/?FWHoSQ
[EDIT]
Bon après quelques tests:
MAIS !
Conclusion, google, dont la réputation de discrétion et de respect de la vie privée n'est plus à faire, récupère tout ce que vous dites, façon SIRI...
Hein ?! Mais noooon, ils ne doivent rien logger, tu les connais...
Allez, hop... poubelle ?
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
Tiens, faudra que je teste ça: j'avais recours à flash pour une appli de labo de langue pour mes élèves... ça pourrait le faire plus simplement et nativement...
http://feeds.lafermeduweb.net/~r/LaFermeDuWeb/~3/tl8bM0RZlbI/annyang-controlez-vos-pages-web-a-l-aide-de-votre-voix-1636.html
Tiens, voilà qui pourrait être plus utile qu'on ne l'imagine... genre, lors d'une présentation pour passer les diapos ou en cours pour passer à l'image suivante d'une bd sans se trimbaler un truc sans fil...
Moi je dis, ça se teste...
https://github.com/yosko/easydump
GG Yosko ^^
Un projet à suivre de près ;)
http://links.yosko.net/?c9d9VQ
http://sebsauvage.net/links/?JXjq2w
Comme si ce n'était pas déjà assez la mouise de gérer les encodages en php... :-@
http://www.olissea.com/mb/links/1/?CyDcGA
Je copie là ma réponse du forum ^^
"Rhaaaa la mauvaise foi ! ^^
Même si le html a bien été interprété, il en va tout autrement du javascript, en effet:
<?php
$a=array();
echo $a["<script>alert('test');</script>"];
?>
ne fonctionne pas !
"Notice: Undefined index: <script>alert('test');</script> in C:\Dropbox\UwAmp\www\TEST\aeff.php on line 3"
Il n'y a donc pas de faille XSS réelle... ou alors montre-moi un code qui exploite cette faille (je peux me tromper et je suis très curieux !!! ^^)"
http://www.webresourcesdepot.com/kint-a-debugging-helper-for-php-apps/
"Kint, an open source resource, is a zero-setup replacement that offers a better debugging experience."
Tiens, à tester...
http://css-tricks.com/svg-fallbacks/
Une méthode fallback pour utiliser des .svg ...
http://www.alsacreations.com/tuto/lire/1584-menu-de-navigation-avec-amelioration-progressive.html
Excellent tuto, comme toujours.
http://korben.info/ink-outil-framework-interface-web.html
Ca peut servir...
https://stenevang.wordpress.com/2013/02/22/google-search-url-request-parameters/
Et ça pour améliorer googol quand j'aurai le temps, hinhinhin !
http://sebsauvage.net/links/?AzNPPw
Je garde ça pour améliorer auto_restrict un de ces 4 ;) Meeeeeerci Seb !
http://sebsauvage.net/links/?e8fDdQ
Voilà une bonne initiative: recréer les flux à partir des pages html (j'y pensais aussi)
En plus, tu prouves qu'on PEUT parser du html ^^ (wink wink nudge nudge seewhatImean ? ) :-P
http://www.journaldunet.com/developpeur/outils/comparatif-des-bases-nosql/comparatif-des-bases-nosql-tableau-de-synthese.shtml
Tiens,je lirai ça... plus tard.
http://www.olissea.com/mb/links/1/?87ju9Q
hinhinhin: chez moi le message n'est pas tronqué ^^ (vive Sonar'RSS ! ^^) par contre le caractère maudit n'apparaît pas correctement, il est remplacé par le petit carré signifiant un caractère exotique...
http://www.alsacreations.com/astuce/lire/1562-script-attribut-async-defer.html
Tiens, à garder sous le coude ça... je ne connaissais pas.
http://tympanus.net/Tutorials/FullscreenBookBlock/
rigolo, imiter les pages qui se tournent pour passer d'une page à l'autre sur un site... en fullscreen.
https://github.com/LeaVerou/prism
Lea Verou, auteure de Dabblet entre autres, a fait un syntax highlighter...
Vu son niveau de maîtrise et la qualité de son travail en général, moi je dis que ça se teste...
http://www.commitstrip.com/wp-content/uploads/2013/06/Strips-Viewreport-600-final.jpg
Le viewport vu par comic strip: tellement vrai...
http://extremisimo.com/29-menus-desplegables-en-html5-y-css3-gratuitos/
29 menus en css html5
tout prêts avec démos...
http://www.webresourcesdepot.com/webcam-data-colors-humans-tracking-in-real-time-tracking-js/
"Tracking.js is a standalone JavaScript library for tracking data received from cameras in real-time.
The data tracked can be either colors or humans which means we can trigger JavaScript events when a specific color is detected or a human/face body appears and moves."
EN JS !
http://www.eden-php.com/
un framework pour intéragir avec twitter/FB/amazon etc...
à garder sous le coude
via : http://daniel.gorgones.net/sharelink/ptdljf
http://jeremyckahn.github.io/keydrown/
Gérer les évènements clavier en js avec une lib de 5ko
http://icecoder.net/
Tiens, un éditeur de code online open source à base de php... Yummy, je crois que je vais tester ^^
http://www.lsauer.com/2013/05/the-best-online-regular-expression.html
Il manque l'excellent http://gskinner.com/RegExr/
Avantages: temps réel, liste de modèles prédéfinis, remplacements possibles, sauvegarde de ses regex, version online et à télécharger (air, mais bon ça dépanne)
J'en avais parlé là http://warriordudimanche.net/shaarli/index.php?G1V9DA
http://jakiestfu.github.io/Snap.js/demo/apps/default.html
Lavache, c'est beau: ça me rappelle la grande époque de l'amiga ^^
On peut en faire des trucs avec cette possibilité...
via bajazet.fr
https://github.com/jakiestfu/Snap.js
http://www.webresourcesdepot.com/self-hosted-and-embeddable-html-css-js-playground-editr/
Un éditeur bac à sable pour css+js+html à héberger sur son propre serveur ou à embed où on veut...
A tester !
(difficile de faire aussi bien que dabblet par exemple, mais ça m'a l'air bien quand même !)
http://links.kevinvuilleumier.net/?0gZWGQ
Ha, oui, très utile ça, merci Kévin (& Seb pour le partage)
http://simplehtmldom.sourceforge.net/
Ohhh que c'est utile ça... oooooooh que oui... Merci seb ^^
http://bgrins.github.com/spectrum/
un plug in colorpicker pour Jquery
très customisable et en - de 10ko
http://www.samare.net/article4/attribuez-automatiquement-un-identifiant-et-une-class-au-body
intéressant... plutôt que de mettre des classes à la main.
Bon site !
http://blog.idleman.fr/?p=1722#comment-4128
Deux petites fonctions très simple pour stocker/déstocker des informations multiples dans un fichier texte
http://css-tricks.com/snippets/html/glyphs/
http://www.catswhocode.com/blog/practical-tips-to-save-bandwidth-and-reduce-server-load
http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
des ombres en perspective en css
http://daneden.me/animate/
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
http://rubular.com/
Rubular is a Ruby-based regular expression editor. It's a handy way to test regular expressions as you write them.
http://gskinner.com/RegExr/
Un excellent testeur de regex en temps réel. A mon sens le meilleur.
http://jquerylist.com/
http://www.catswhocode.com/blog/awesome-sites-to-find-useful-code-snippets