Akh Electronic Papyrus

Diverses petites choses sans conséquences ...

^ »
 

Veille

Veille informatique.

Fil des billets - Fil des commentaires

mercredi, 22 juillet 2015

Des scripts pour une galerie en lazy loading

Veille.png

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

:-)

vendredi, 26 juin 2015

CheckBox - HTML + CSS

CheckBox De jolis CheckBox en HTML et CSS sans javascript, ça vaut le coup d'y jeter un œil !

jeudi, 25 juin 2015

ReadRemaining.js - Un script indispensable

ReadRemaining.js

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 !

samedi, 20 juin 2015

SiteCake - CMS ou pas

Sitecake Logo

Un CMS sans administration, avec lequel on doit se palucher à la main (pléonasme) html et css, mais avec un éditeur pleine page (enfin très incomplet) en fait un ersatz improbable.

Cependant une petite incursion dans le code ne me parait pas inutile ... :-)

jeudi, 18 juin 2015

Un autre lightbox

Veille.png

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 !

jeudi, 01 janvier 2009

Les Trucs en attente ou à voir

Sommaire.png

Voici une liste de liens en attente d'expertise de ma part ;-)

La date ne reflétera pas forcément celle de découverte, mais plus celle de saisie ici. J'ai beaucoup de retard et il n'est pas sûr que j'arrive à suivre ...

Lire la suite...