west

West

ville : Le Mesnil le Roi
Inscrit le 22 mars 2012
Site personnel : www.pirates-corsaires.com

Astuces, Infos et divers

Catégorie : Informatique & Web


  1. ACCELERER JAVASCRIPT

    Accélération du GPU en Javascript
    favicon http://gpu.rocks/
    favicon https://hackernoon.com/introducing-gpu-js-gpu-accelerated-javascript-ba11a6069327

    CutJS
    Moteur de rendu HTML5 2D léger, rapide et intéractif.
    PArfait pour le développement des jeux.
    favicon http://cutjs.org/

    Nombreuses optimisations à faire en développement
    favicon http://www.monitis.com/blog/30-tips-to-improve-javascript-performance/
    favicon https://dev.opera.com/articles/efficient-javascript/?page=2

    Gestion des strings dans une boucle
    This example requires the script engine to create 21 new string objects, once for each time the length property is accessed, and once each time the charAt method is called:
    var s = '0123456789';
    for(var i = 0; i < s.length; i++) {
    s.charAt(i);
    }
    This equivalent example creates just a single object, and will perform better as a result:
    var s = new String('0123456789');
    for(var i = 0; i < s.length; i++) {
    s.charAt(i);
    }


    Eviter le : "var i in array" :
    This is an example of incorrect use of a for-in loop:
    var oSum = 0;
    for(var i in oArray) {
    oSum += oArray[i];
    }
    A for loop would be more efficient:
    var oSum = 0;
    var oLength = oArray.length;
    for(var i = 0; i < oLength; i++) {
    oSum += oArray[i];
    }

    L'utilisation des primitives peut prendre beaucoup de CPU
    var min = Math.min(a,b);
    A.push(v);
    These alternatives provide the same functionality, while performing better:
    var min = a < b ? a : b;
    A[A.length] = v;


    -------------------------------
    Un script à mettre dans Chrome pour tester la vitesse des algorithmes

    <script>
    var iterations = 1000000;
    console.time('Function #1');
    for(var i = 0; i < iterations; i++ ){
    functionOne();
    };
    console.timeEnd('Function #1')

    console.time('Function #2');
    for(var i = 0; i < iterations; i++ ){
    functionTwo();
    };
    console.timeEnd('Function #2')



    function functionOne() {
    oArray = [1,2,3,4,5,6,7,8,9,10];
    var oSum = 0;
    for(var i in oArray) {
    oSum += oArray[i];
    }
    }

    function functionTwo() {
    // 20 fois plus rapide
    oArray = [1,2,3,4,5,6,7,8,9,10];
    var oSum = 0;
    var oLength = oArray.length;
    for(var i = 0; i < oLength; i++) {
    oSum += oArray[i];
    }
    }

    </script>

    Date 30 janvier à 23h19
  2. JQuery et autres librairies web
    FORMULAIRES
    -----------------

    Validation de formulaires
    favicon http://parsleyjs.org

    Masques de saisies
    favicon http://robinherbots.github.io/Inputmask/

    Formulaires qui s'agrandissent pendant la saisie
    favicon http://leaverou.github.io/stretchy/

    Gestion simple et originale de formulaires, menus et boutons
    favicon http://uilang.com/

    Champ input avec nombres incrémentals
    favicon https://github.com/jonstipe/number-polyfill

    Drop zone, un formulaire "parcourir..." d'upload d'images / fichiers, en faisant un drag&drop
    favicon http://codepen.io/jaysalvat/pen/agLyf

    Des alertes Javascript sympa !
    favicon http://tristanedwards.me/sweetalert

    14 exemples de file upload multiples JQuery
    favicon http://designscrazed.com/html5-jquery-file-upload-scripts/

    Multi sélection double
    favicon http://loudev.com/

    Un menu drop down select excellent !
    favicon http://tympanus.net/Development/SimpleDropDownEffects/index2.html

    Date 18 janvier à 13h58
  3. Plugins JQuery
    Et d'autres ici : favicon http://blog.ludikreation.com/2011/04/28/35-plugins-jquery-rien-que-pour-vos-sites-web/

    Toutes les librairies JQuery
    favicon http://www.jqueryrain.com

    Catalogue des plugin JQuery
    favicon http://www.jplugins.net/

    Traitements de textes
    favicon http://blog.ludikreation.com/2013/09/21/donnez-vie-a-vos-textes-avec-textillate-un-plugin-jquery/ - Textillate
    favicon http://blog.ludikreation.com/2013/01/16/quicksearch-plugin-jquery-la-recherche-facile-dans-vos-listings/ - quickSearch
    favicon http://blog.ludikreation.com/2011/08/04/jquery-validation-plugin-de-validation-de-formulaire - jQuery Validation
    favicon http://blog.ludikreation.com/2010/08/27/jquery-selected-text-searcher-plugin-jquery - Select Text Searcher
    favicon http://blog.ludikreation.com/2009/10/02/markitup-un-editeur-pour-vos-textareas-via-jquery/ - MarkItUp !
    favicon http://blog.ludikreation.com/2010/05/02/jqisotext-plugin-jquery-effet-de-texte-isometrique/ - jqIsoText

    Effets
    favicon http://blog.ludikreation.com/2013/10/29/background-qui-sadapte-automatiquement-via-jquery-avec-backstrecth/ - BackStrecth
    favicon http://blog.ludikreation.com/2013/08/29/vos-propres-effets-de-parallaxe-avec-parallax-js/ - parallax.js
    favicon http://blog.ludikreation.com/2013/08/11/heapbox-plugin-jquery-ameliorez-le-visuel-de-vos-listes-selectives/ - HeapBox
    favicon http://blog.ludikreation.com/2013/01/23/growl-plugin-jquery-la-simplebox - Growl
    favicon http://blog.ludikreation.com/2012/10/17/caroufredsel-plugin-jquery-le-carrousel-customisable/ - carouFredSel
    favicon http://blog.ludikreation.com/2012/07/23/jnotify-plugin-jquery-la-notification-a-portee-de-clic/ - jNotify
    favicon http://blog.ludikreation.com/2011/06/10/facebox-plugin-jquery-des-lightbox-style-facebook - Facebox
    favicon http://blog.ludikreation.com/2011/09/27/jquery-slick-plugin-agrementez-vos-sites-donglets-retractables/ - jQuery Slick Plugin
    favicon http://blog.ludikreation.com/2012/04/18/dropdown-menu-plugin-jquery-menu-deroulant-simple-et-efficace/ - DropDown Menu
    favicon http://blog.ludikreation.com/2012/04/25/jpages-plugin-jquery-pagination-a-effet-pour-vos-sites-web - jPages
    favicon http://blog.ludikreation.com/2011/03/09/msdropdown-plugin-jquery-des-icones-dans-vos-balises-selectoption/ - msdropdown
    favicon http://blog.ludikreation.com/2010/12/10/superfish-plugin-jquery-creez-vos-menus-deroulants/ - SuperFish
    favicon http://blog.ludikreation.com/2010/11/13/image-cube-plugin-jquery-un-effet-renversant/ - Image Cube
    favicon http://blog.ludikreation.com/2010/10/12/jquery-approach-plugin-jquery-approchez-vous-pour-voir/ - jQuery Approach
    favicon http://blog.ludikreation.com/2010/09/29/mbextruder-plugin-jquery-le-contenu-qui-slide/ - (mb)Extruder
    favicon http://blog.ludikreation.com/2010/05/21/pajinate-plugin-jquery-la-pagination-en-javascript/ - Pajinate
    favicon http://blog.ludikreation.com/2009/10/07/jquery-pagination-javascript/ - jQuery Pagination plugin
    favicon http://blog.ludikreation.com/2010/02/06/jquery-plugin-jquery-masonry/ - jQuery Masonry
    favicon http://blog.ludikreation.com/2010/01/04/plugin-jquery-tiptip-un-tooltip-simple-et-leger/ - TipTip
    favicon http://blog.ludikreation.com/2010/04/11/quicksand-plugin-jquery-trie-et-filtre-avec-effets-danimations/ - Quicksand
    favicon http://blog.ludikreation.com/2010/03/14/cluetip-plugin-jquery-un-tooltip-complet/ - ClueTip

    Images
    favicon http://blog.ludikreation.com/2013/06/26/hash-slider-plugin-jquery-la-simplicite-du-slide/ - Hash Slider
    favicon http://blog.ludikreation.com/2013/05/19/jquery-simple-slider-plugin-jquery/ - jQuery Simple Slider
    favicon http://blog.ludikreation.com/2012/08/03/tiny-circleslider-plugin-jquery-le-slider-en-cercle-original/ - Tiny CirleSlider
    favicon http://blog.ludikreation.com/2012/07/10/flux-slider-plugin-jquery-la-transition-dimage-a-effets-multiples/ - Flux Slider
    favicon http://blog.ludikreation.com/2012/06/13/zoombox-plugin-jquery-zoomez-sur-vos-images/ - Zoombox
    favicon http://blog.ludikreation.com/2011/09/13/jquery-favicon-notifier-plugin-jquery-modifiez-vos-favicons-a-la-volee-via-jquery/ - jQuery Favicon Notifier
    favicon http://blog.ludikreation.com/2011/12/06/jcoverflip-plugin-jquery-le-coverflow-simple-et-efficace - jCoverflip
    favicon http://blog.ludikreation.com/2011/12/15/s3slider-plugin-jquery-un-slider-simple-pour-vos-sites-web - s3Slider
    favicon http://blog.ludikreation.com/2012/01/19/chocolat-plugin-jquery-la-visionneuse-dimage-pratique - Chocolat
    favicon http://blog.ludikreation.com/2012/04/15/glisse-plugin-jquery-faites-defiler-vos-images - Glisse
    favicon http://blog.ludikreation.com/2011/04/21/skitter-plugin-jquery-slideshow-for-anytime - Skitter
    favicon http://blog.ludikreation.com/2011/04/09/easy-image-zoom-plugin-jquery-zoomez-vos-images - Easy Image Zoom
    favicon http://blog.ludikreation.com/2011/03/16/zoomy-plugin-jquery-petit-effet-de-zoom-sur-image-simple-et-sympa - Zoomy
    favicon http://blog.ludikreation.com/2010/11/06/jquery-cycle-plugin-plugin-jquery-toujours-plus-loin-dans-les-effets-slideshow - Cycle
    favicon http://blog.ludikreation.com/2010/08/20/sponsor-flip-wall-jquery-un-mur-de-sponsors-etonnant/ - Sponsor Flip Wall
    favicon http://blog.ludikreation.com/2010/08/15/easy-gallery-plugin-jquery-pour-agrementer-vos-galeries-photos/ - Easy Gallery
    favicon http://blog.ludikreation.com/2009/10/09/jquery-la-thickbox-depreciee/ - ColorBox
    favicon http://blog.ludikreation.com/2009/10/20/jquery-le-plugin-maximage/ - MaxImage
    favicon http://blog.ludikreation.com/2009/10/22/jquery-jloupe-une-loupe-pour-vos-images/ - JLoupe
    favicon http://blog.ludikreation.com/2009/10/29/jquery-plugin-jquery-infinite-carousel/ - JQuery Infinite Carousel
    favicon http://blog.ludikreation.com/2009/11/18/jquery-plugin-anythingslider-slideshow/ - AnythingSlider
    favicon http://blog.ludikreation.com/2010/04/25/yoxview-plugin-jquery-une-lightbox-amelioree/ - YoxView
    favicon http://blog.ludikreation.com/2010/03/29/jqfancytransitions-plugin-jquery-belles-transitions/ - jqFancyTransitions
    favicon http://blog.ludikreation.com/2010/03/22/cropzoom-plugin-jquery-la-manipulation-dimage-avec-jquery/ - CropZoom

    Réseaux communautaires / Outils API / Jeux
    favicon http://blog.ludikreation.com/2011/11/22/jquery-autosuggest-plugin-boite-de-texte-avec-suggestions-ajax - jQuery AutoSuggest Plugin
    favicon http://blog.ludikreation.com/2012/05/28/pp3diso-plugin-jquery-laffichage-et-la-gestion-dune-carte-2d-isometrique - pp3Diso
    favicon http://blog.ludikreation.com/2009/11/02/jtwitter-recuperation-des-donnees-twitter-via-jquery-et-twitter-api/ - jTwitter
    favicon http://blog.ludikreation.com/2011/05/27/jquery-qrcode-generez-vos-propres-qrcodes - jQuery QRCode
    favicon http://blog.ludikreation.com/2010/03/03/gmap-un-plugin-jquery-pour-utiliser-googlemaps/ - GMap
    favicon http://blog.ludikreation.com/2010/02/23/plugin-jquery-gcomplete-autocompletion-google-api/ - gComplete
    favicon http://blog.ludikreation.com/2010/02/20/plugin-jquery-jsocial/ - jSocial

    Les incontournables
    favicon http://blog.ludikreation.com/2009/10/01/jquery-jquery-ui-un-outil-tres-utile/ - jQuery UI

    API / Utiles
    favicon http://blog.ludikreation.com/2013/02/14/gmap3-plugin-jquery-facilitez-vous-lintegration-de-google-maps - GMAP 3 (dernier article en date sur GMAP3)
    favicon http://blog.ludikreation.com/2011/04/20/gmap3-plugin-jquery-faciliter-lutilisation-de-lapi-google-map-via-jquery - GMAP 3
    favicon http://blog.ludikreation.com/2011/03/22/plupload-le-multi-upload-avec-du-jquery/ - PlupLoad
    favicon http://blog.ludikreation.com/2011/02/17/fullcalendar-plugin-jquery-creez-vos-propres-agendas-comme-google - FullCalendar

    Date 16 janvier à 09h14
  4. JQuery et autres librairies web
    ANIMATIONS
    --------------

    Animation des SVG
    favicon http://greensock.com/

    Librairie minimaliste d'animation Javascript : 12ko
    favicon http://popmotion.io/guides/get-started

    Scrolling parallaxe
    favicon http://aerolab.github.io/midnight.js/

    Slide show full screen
    favicon http://vegas.jaysalvat.com/

    Animation CSS "loading"
    favicon http://atomeye.com/sass-css-spinner.html
    favicon http://codepen.io/CreativeJuiz/pen/vFBIh

    Date 16 janvier à 09h13
  5. Une librairie qui fait tous les tests JS possibles
    favicon https://github.com/arasatasaygin/is.js
    favicon http://is.js.org

    Date 16 janvier à 09h10
  6. JQuery et autres librairies web
    Gérer des blocs de contenu et photos en drap&drop
    favicon http://gridster.net/

    Colorisation à la volée de pages web par drag&drop
    favicon http://tympanus.net/Development/InteractiveColoringConcept/

    Gestion de bloc avec drag&drop, "à la Windows 8"
    favicon http://troolee.github.io/gridstack.js/

    Date 16 janvier à 09h08
  7. Très bonne librairie pour gérer les strings Javascript
    favicon https://vocajs.com/

    Date 15 décembre 2016
  8. e-commerce : visualisation des produits en déplaçant les images vers la gauche ou droite

    favicon http://tympanus.net/Blueprints/FilterableProductGrid/

    Date 16 juin 2015
  9. JQuery et autres librairies web
    Angular JS vs React

    Date 15 juin 2015
  10. Extraction des couleurs en Javascript
    favicon http://tympanus.net/Development/ColorExtraction/

    Date 09 juin 2015
  11. Librairie timesheet.js permettant de faire des diagrammes de Gantt
    favicon http://sbstjn.github.io/timesheet.js/

    Date 09 avril 2015
  12. JQuery et autres librairies web
    Moteur Physique
    favicon http://brm.io/matter-js-demo/

    Date 26 mars 2015
  13. Outil générant des textures via JS et SVG
    favicon http://riccardoscalco.github.io/textures/

    Date 25 mars 2015
  14. FabricJS
    Mesure d'angles
    favicon https://jsfiddle.net/mavirroco/gtfw58st/7/

    Date 20 février 2015
  15. Un plugin JQuery permettant de faire une "pause" pendant les animations
    favicon https://github.com/zehfernandes/jQuery.DebugCssAnimation

    Date 29 décembre 2014
  16. Beetle : génération de pages responsives & scrollings parallaxes
    favicon http://mokaine.com/beetle-free-html/

    Date 15 décembre 2014
  17. Compatibilités de toutes les librairies utilisant les Canvas html5
    favicon https://docs.google.com/spreadsheet/ccc?key=0Aqj_mVmuz3Y8dHNhUVFDYlRaaXlyX0xYSTVnalV5ZlE#gid=0

    Date 11 décembre 2014
  18. Detection des technologies acceptées par le navigateur. Conversion de balises nouvelles en anciennes pour que les anciens navigateurs fonctionnent sur le site.
    favicon http://modernizr.com/
    favicon http://www.alsacreations.com/outils/lire/1387-modernizr.html

    Date 27 novembre 2014
  19. Gérer les n-ièmes lignes HTML via les CSS et la librairie Lining.js
    favicon http://zencode.in/lining.js/

    Date 25 novembre 2014
  20. Reconnaissance vocale
    favicon https://github.com/zzmp/juliusjs

    Date 24 novembre 2014
  21. Moteur de polices de caractères
    favicon http://txtjs.com

    Date 12 novembre 2014
  22. Plugin de détection de visages
    favicon http://facedetection.jaysalvat.com/

    Date 06 novembre 2014
  23. Un footer figé, intéressant !
    favicon http://codepen.io/CreativeJuiz/full/fxEjq

    Date 25 juin 2014
  24. JQuery et autres librairies web
    Une librairie permettant de placer les images comme Pinterest. Il place les éléments dans une position optimale basée sur l'espace disponible vertical.
    favicon http://masonry.desandro.com/

    Date 28 avril 2014
  25. Plusieurs événements à gérer sur le même ID #element_id :

    $(document).on({
    click: function () {},
    mouseover: function () {},
    mouseout: function () {}
    }, '#element_id');

    Date 03 avril 2014
Publicité