mercredi, 22 juillet 2015
Par Akh le mercredi, 22 juillet 2015, 13:26 - Veille
Comme dit dans le titre une série de script pour du lazy loading d'une galerie (mais pas que) :
- http://www.megaptery.com/2011/08/the-wall-un-mur-d-images-draggable-avec-mootools.html
- http://www.alexandtheweb.com/demos/transitions-test.html
- https://css-tricks.com/examples/CSS3Clock/
- http://paulrhayes.com/experiments/clock/#clock
- https://paulbakaus.com/labs/coverflow/demo/slider.html
- http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php
- http://www.wysiwygwebbuilder.com/forum/viewtopic.php?t=37593
- http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/
- http://tympanus.net/codrops/2011/05/25/image-wall/
- http://shiftingpixel.com/2008/03/03/smart-image-resizer/
- http://planetozh.com/projects/lightbox-clones/
- http://code.tutsplus.com/tutorials/image-resizing-made-easy-with-php--net-10362
- http://masonry.desandro.com/
- http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/
- http://isotope.metafizzy.co/
- http://www.jqueryscript.net/gallery/jQuery-Fullscreen-Photo-Wall-with-CSS3-Transitions.html
- http://creotiv.github.io/jquery-photowall/
- http://www.codingforums.com/javascript-programming/209910-auto-scroll-down-page-load.html
- http://www.myoutsourcedbrain.com/2011/01/dynamic-javascript-loading-on-scroll.html
- http://thinkshout.com/blog/2014/06/creating-an-infinite-scroll-masonry-block-without-views/
- http://www.jqueryscript.net/loading/jQuery-Plugin-To-Smartly-Load-Images-While-Scrolling-loadScroll.html
- https://www.feedthebot.com/pagespeed/defer-images.html
- http://code.tutsplus.com/tutorials/how-to-create-infinite-scroll-pagination--wp-24873
- http://answers.squarespace.com/questions/17131/how-can-i-lazy-load-images-on-scroll-developer
- http://www.w3bees.com/2013/09/jquery-infinite-scroll-with-php-mysql.html
- http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/
- https://css-tricks.com/snippets/javascript/lazy-loading-images/
- http://luis-almeida.github.io/unveil/
- http://www.hongkiat.com/blog/infinite-page-scroll/
- http://www.9lessons.info/2009/07/load-data-while-scroll-with-jquery-php.html
- http://www.inserthtml.com/2013/01/scroll-pagination/
- http://www.dotnetbull.com/2013/05/browser-scroll-to-end-of-page-in-jquery.html
- http://airbnb.io/infinity/
- http://www.sanwebe.com/2013/05/auto-load-records-on-page-scroll
- http://www.infinite-scroll.com/
- http://www.appelsiini.net/projects/lazyload
- http://www.sitepoint.com/jquery-infinite-scrolling-demos/
- http://jscroll.com/
- https://www.developphp.com/video/JavaScript/Scroll-Load-Dynamic-Content-When-User-Reach-Bottom-Ajax
aucun rétrolien
jeudi, 25 juin 2015
Par Akh le jeudi, 25 juin 2015, 13:17 - Veille
Un petit script en javascript qui affiche dans un div flottant le temps restant de lecture, c'est utile ? sympa ? drôle ? non ?
Je jetterai un coup d’œil !
aucun rétrolien
jeudi, 18 juin 2015
Par Akh le jeudi, 18 juin 2015, 15:05 - Veille
En partant de je ne sais plus quelle source j'ai atterri chez Kunrong Yap exposant sur CGSociety.
Ces dessins sont sympas et c'est en cliquant sur un de ceux-ci que j'ai découvert un effet lightbox avec possibilité de zoom à la roulette puis de déplacement de l'image. Ah que voilà quelque chose qui m'intéresse 
En étudiant rapidement le source de la page, j'ai aperçu le préfix mfp- sur différents styles CSS, mais cette fonctionnalité semble bien intégré au tout, cela sera donc moins facile d'en extraire les scripts. De plus aucun crédit donné à un tiers ...
En cherchant sur internet j'ai quand même trouvé le script suivant Magnific Popup un responsive lightbox & dialog script (for jquery). Mais voilà aucun exemple ne montre cette fonctionnalité 
Par contre ce même auteur Dmitry Semenov. a aussi commis le script suivant PhotoSwipe et là c'est pratiquement ça
Il va falloir que je me penche sur les sources pour voir comment c'est fait !
mardi, 15 avril 2014
Par Akh le mardi, 15 avril 2014, 15:50 - TiddlyWiki
Je viens de découvrir que TiddlyWiki en était à la version 2.8.1, ce projet continue donc.
Mais plus fort encore une version 5, comme HTML5 est en bêta, ce projet a vraiment repris du poil de la bête (site de TiddlyWiki).
Et je félicite tous ceux qui œuvrent à ce projet ! 
Mais en fait ce n'est pas tout-à-fait de cela dont je souhaitais vous parler, mais plutôt de ma dernière découverte. En effet je cherchais un éditeur WYSIWYG pour TiddlyWiki et je n'ai trouvé que CKEditor qui ait été porté en plugin pour TiddlyWiki et soit réellement convaincant.
Lire la suite...
aucun rétrolien 2 annexes
vendredi, 29 mars 2013
Par Akh le vendredi, 29 mars 2013, 14:06 - TiddlyWiki
Et si on voulait masquer / protéger / crypter certains tiddlers de notre Tiddlywiki ? Parceque là si on perd la clé USB, toutes les informations sont accessibles à la personne qui la trouve ...
Bien sûr, ce serait nettement plus sûr de crypter la clé USB ou une partie, dans laquelle on poserait notre fichier Tiddlywiki. Mais bon si c'est juste pour mettre quelques informations confidentielles au milieu d'informations pas très sensibles, un petit mot de passe pour faire apparaître ces informations, les rares fois où on en a besoin, c'est mieux non ?
Lire la suite...
aucun rétrolien une annexe
mercredi, 24 octobre 2012
Par Akh le mercredi, 24 octobre 2012, 19:44 - TiddlyWiki
Récemment, je n'arrivais plus à sauvegarder mon TiddlyWiki avec FireFox et Chrome, mais cela marchait avec IE, je trouvais un peu bizarre d'avoir flingué mon fichier uniquement sur certains navigateurs, ce n'était pas logique.
Et je ne trouvais rien sur le net à ce sujet, jusqu'à aujourd'hui sur le site de TiddlyWiki en anglais, je n'avais pas pensé à aller aux sources de ce produit, c'est bête hein ?
Lire la suite...
aucun rétrolien une annexe
mercredi, 20 juin 2012
Par Akh le mercredi, 20 juin 2012, 19:26 - TiddlyWiki
Les macros ...
Lire la suite...
aucun rétrolien une annexe
jeudi, 05 avril 2012
Par Akh le jeudi, 05 avril 2012, 17:00 - TiddlyWiki
Plugins divers ...
Lire la suite...
aucun rétrolien une annexe
Par Akh le jeudi, 05 avril 2012, 11:28 - TiddlyWiki
Des petites informations, astuces sur TiddlyWiki
Non pas que ces infos n'étaient pas disponibles dans les divers documents de mon billet précédent, mais soit que je ne les avaient pas vus, soit que je ne les avaient pas comprises ...
Lire la suite...
aucun rétrolien une annexe
vendredi, 23 mars 2012
Par Akh le vendredi, 23 mars 2012, 16:57 - TiddlyWiki
TiddlyWiki, c'est quoi ce truc ?
En fait c'est un simple fichier HTML avec du javascript, qui se comporte un peu comme un Blog. On peu ajouter des articles (les tiddlers), on peut modifier son apparence et même ajouter des plugins écrits en javascript.
Sa particularité : un simple fichier que l'on peut coller sur une clé USB et l'emmener partout avec soi, et le modifier dans n'importe quel browser.
Ses limites, même si on peut réellement s'en servir comme un blog accessible par internet ce n'est pas ce qu'il fait le mieux et le stockage des ressources externes comme les images devra bien être fait quelque part, sur un serveur ou dans un dossier sur le même support.
Mais comme Journal intime, document de travail, inventaire personnel, etc ... ce produit est top ! 
Lire la suite...
aucun rétrolien 2 annexes
mercredi, 23 septembre 2009
Par Akh le mercredi, 23 septembre 2009, 14:54 - Astuce
Une autre fonctionalité intéressante du javascript : la génération à la volée de code HTML, comme ceci se fait dans le navigateur et non sur le serveur on gagne sur beaucoup de point.
Exemple typique un habillage de bloc avec des coins arrondis (effets d'ombre, ...)
Mes recherches m'ont amené ici : wrap-it-up-pretty-corners
Il y est question de générer un habillage de bloc dynamiquement
Lire la suite...
aucun rétrolien
mercredi, 16 septembre 2009
Par Akh le mercredi, 16 septembre 2009, 08:47 - Astuce
En fait je ne connais pas grand chose du javascript et plus que la syntaxe du langage c'est cette particularité de modifier les composants HTML d'une page qu'il faut apprendre à maitriser.
Ainsi l'exemple suivant (simplissime) illustre bien mon propos : faire apparaître et disparaître par un seul click le contenu d'un bloc
[+] Script
<script language="javascript" type="text/javascript">
function ToggleBody(oTBody, oA) {
if(oTBody.style.display != "none") {
oTBody.style.display = "none";
oA.innerText = "[+]"; }
else {
oTBody.style.display = "block";
oA.innerText = "[-]";}
}
</script>
<div id="Sign1" style="CURSOR: hand; FONT-FAMILY: Courier"
onclick="javascript:ToggleBody(Table1, Sign1)">[-]</div>
...
<div id="Table1" style="DISPLAY: block">
...
</div>
J'ai bien sur trouver ce script dans une page sur le net ...
upDate du Lundi 04/01/2010 : Et bien sur je ne me suis pas rendu compte depuis bientôt 2 mois et demi que cela ne marchait que sous IE, en tout cas pas avec firefox ...
