https://blog.lumini.fr/ en https://blog.lumini.fr/posts/locomotiv-scroll <div class="empty-fields empty-fields__nbsp field field--name-field-image field--type-string field--label-hidden field__item">&nbsp;</div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/antoine-charbonnier" typeof="schema:Person" property="schema:name" datatype="">Antoine Charbonnier</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri 10/01/2020 - 15:45</span> <div class="field field--name-field-source-link field--type-link field--label-hidden field__item"> <div class="svg-container"> <svg height="50px" version="1.1" viewBox="0 0 50 50" width="50px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --> <title>CTA/rond_fil</title> <desc>Created with Sketch.</desc> <defs> <path d="M5.08394906,19.0470708 C3.34922249,18.9774736 2.05355679,18.1927645 1.34873325,16.5984073 C0.652051248,15.0220294 0.869546299,13.5007493 2.03494759,12.2259596 C3.18232121,10.970889 4.39947934,9.77323619 5.64571435,8.61444184 C7.10537364,7.25787528 9.53445606,7.30659336 11.0278445,8.64634058 C11.46865,9.04246498 11.5436684,9.3794317 11.2633673,9.70595884 C10.9836477,10.032486 10.6265836,10.0116068 10.1822889,9.63346169 C9.41000702,8.97692756 8.52955915,8.78785501 7.55432064,9.02738557 C7.05710602,9.14976075 6.6418882,9.43220962 6.28366106,9.78541571 C5.22642576,10.8264747 4.17384276,11.8733335 3.13056436,12.9283119 C2.30245487,13.7669589 2.05239371,14.7691594 2.44958387,15.8757558 C2.85258941,16.9968516 3.70047118,17.622067 4.88273706,17.7398023 C5.74108651,17.825639 6.48545459,17.5170911 7.09781365,16.911015 C7.99687073,16.02133 8.89069398,15.1258453 9.78742491,14.2338405 C10.2357904,13.787838 10.6120452,13.713601 10.9231678,14.0070694 C11.2424319,14.3069176 11.181952,14.678103 10.7242819,15.134545 C9.76067418,16.0961471 8.80986025,17.0734086 7.81950178,18.0071718 C7.06524755,18.7188038 6.14118435,19.0633102 5.08394906,19.0470708 Z M19.0461017,5.08629022 C19.0648235,6.26951972 18.5839071,7.25110189 17.7607326,8.07855132 C16.7456597,9.0977975 15.7153753,10.103137 14.6956219,11.118327 C12.9030089,12.9041808 10.3176445,12.6463271 8.8661194,11.275357 C8.41679604,10.8512022 8.49226832,10.2989898 9.01764902,10.1095109 C9.27507386,10.0173789 9.50383093,10.0712674 9.69280416,10.259008 C10.8202079,11.3819751 12.6526048,11.3837135 13.8788831,10.0874919 C14.8500768,9.06071293 15.8903072,8.09883194 16.8849031,7.09291303 C17.94093,6.02499335 18.0684723,4.51785332 17.2207255,3.41632575 C16.1313504,2.00073824 14.1848676,1.86804502 12.8755113,3.1358737 C11.9645784,4.01779109 11.0758776,4.92288634 10.1748907,5.81581321 C10.0297967,5.96009536 9.89464864,6.11480754 9.67408236,6.16637827 C9.39032998,6.2330146 9.15572234,6.15710713 8.9936617,5.93228193 C8.83628152,5.71267175 8.7988379,5.46119202 8.96323877,5.21840399 C9.02408464,5.12801036 9.09487647,5.04283174 9.17210392,4.96576537 C10.1158,4.02995947 11.04838,3.08256464 12.0107978,2.16472157 C13.2078233,1.02379165 14.6359461,0.670329357 16.2115032,1.18024217 C17.7730188,1.68493997 18.7009184,2.79342089 19.0098282,4.39790792 C19.0262097,4.4813482 19.0414212,4.56536792 19.0449315,4.64996709 C19.0501971,4.79540813 19.0461017,4.94084917 19.0461017,5.08629022 Z" id="path-1001"></path> </defs> <g fill-rule="evenodd" fill="none" id="CTA/rond_fil" stroke-width="1" stroke="none"> <circle cx="25" cy="25" fill-opacity="0.200000003" fill="#000000" id="Oval" r="24.5" stroke="#FFFFFF"></circle> <g id="PICTO/link" transform="translate(15.000000, 15.000000)"> <mask id="mask-1001" fill="white"> <use xlink:href="#path-1001"></use> </mask> <use fill-rule="evenodd" fill="#000000" id="Combined-Shape" xlink:href="#path-1001"></use> <g fill-rule="evenodd" fill="#FFFFFF" id="TEINTE/blanc" mask="url(#mask-1001)"> <rect height="20" id="Rectangle-2" width="20" x="0" y="0"></rect> </g> </g> </g> </svg> </div> <a href="https://locomotivemtl.github.io/locomotive-scroll/">https://locomotivemtl.github.io/locomotive-scroll/</a></div> <div class="field field--name-field-categories field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/taxonomy/term/67" hreflang="fr">Javascript</a></div> <div class="field__item"><a href="/taxonomy/term/98" hreflang="en">Library</a></div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="fr">Scroll interactions</a></div> </div> <div class="field field--name-field-display-title field--type-string field--label-hidden field__item"><h1>Locomotiv Scroll</h1> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>JS Library to smooth interactive scrolls</p></div> <span class="field field--name-title field--type-string field--label-above">Locomotiv Scroll</span> Fri, 10 Jan 2020 14:45:11 +0000 Antoine Charbonnier 175 at https://blog.lumini.fr https://blog.lumini.fr/posts/detect-light-mode-desktop <div class="field field--name-field-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/post_teaser/public/from-external/how_to_detect_a_user%E2%80%99s_preferred_color_scheme_in_javascript.jpg?itok=rp80fU0I" width="600" height="339" alt="Alt text" title="Title" typeof="foaf:Image" class="image-style-post-teaser" /> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/antoine-charbonnier" typeof="schema:Person" property="schema:name" datatype="">Antoine Charbonnier</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fri 14/06/2019 - 12:15</span> <div class="field field--name-field-source-link field--type-link field--label-hidden field__item"> <div class="svg-container"> <svg height="50px" version="1.1" viewBox="0 0 50 50" width="50px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --> <title>CTA/rond_fil</title> <desc>Created with Sketch.</desc> <defs> <path d="M5.08394906,19.0470708 C3.34922249,18.9774736 2.05355679,18.1927645 1.34873325,16.5984073 C0.652051248,15.0220294 0.869546299,13.5007493 2.03494759,12.2259596 C3.18232121,10.970889 4.39947934,9.77323619 5.64571435,8.61444184 C7.10537364,7.25787528 9.53445606,7.30659336 11.0278445,8.64634058 C11.46865,9.04246498 11.5436684,9.3794317 11.2633673,9.70595884 C10.9836477,10.032486 10.6265836,10.0116068 10.1822889,9.63346169 C9.41000702,8.97692756 8.52955915,8.78785501 7.55432064,9.02738557 C7.05710602,9.14976075 6.6418882,9.43220962 6.28366106,9.78541571 C5.22642576,10.8264747 4.17384276,11.8733335 3.13056436,12.9283119 C2.30245487,13.7669589 2.05239371,14.7691594 2.44958387,15.8757558 C2.85258941,16.9968516 3.70047118,17.622067 4.88273706,17.7398023 C5.74108651,17.825639 6.48545459,17.5170911 7.09781365,16.911015 C7.99687073,16.02133 8.89069398,15.1258453 9.78742491,14.2338405 C10.2357904,13.787838 10.6120452,13.713601 10.9231678,14.0070694 C11.2424319,14.3069176 11.181952,14.678103 10.7242819,15.134545 C9.76067418,16.0961471 8.80986025,17.0734086 7.81950178,18.0071718 C7.06524755,18.7188038 6.14118435,19.0633102 5.08394906,19.0470708 Z M19.0461017,5.08629022 C19.0648235,6.26951972 18.5839071,7.25110189 17.7607326,8.07855132 C16.7456597,9.0977975 15.7153753,10.103137 14.6956219,11.118327 C12.9030089,12.9041808 10.3176445,12.6463271 8.8661194,11.275357 C8.41679604,10.8512022 8.49226832,10.2989898 9.01764902,10.1095109 C9.27507386,10.0173789 9.50383093,10.0712674 9.69280416,10.259008 C10.8202079,11.3819751 12.6526048,11.3837135 13.8788831,10.0874919 C14.8500768,9.06071293 15.8903072,8.09883194 16.8849031,7.09291303 C17.94093,6.02499335 18.0684723,4.51785332 17.2207255,3.41632575 C16.1313504,2.00073824 14.1848676,1.86804502 12.8755113,3.1358737 C11.9645784,4.01779109 11.0758776,4.92288634 10.1748907,5.81581321 C10.0297967,5.96009536 9.89464864,6.11480754 9.67408236,6.16637827 C9.39032998,6.2330146 9.15572234,6.15710713 8.9936617,5.93228193 C8.83628152,5.71267175 8.7988379,5.46119202 8.96323877,5.21840399 C9.02408464,5.12801036 9.09487647,5.04283174 9.17210392,4.96576537 C10.1158,4.02995947 11.04838,3.08256464 12.0107978,2.16472157 C13.2078233,1.02379165 14.6359461,0.670329357 16.2115032,1.18024217 C17.7730188,1.68493997 18.7009184,2.79342089 19.0098282,4.39790792 C19.0262097,4.4813482 19.0414212,4.56536792 19.0449315,4.64996709 C19.0501971,4.79540813 19.0461017,4.94084917 19.0461017,5.08629022 Z" id="path-1001"></path> </defs> <g fill-rule="evenodd" fill="none" id="CTA/rond_fil" stroke-width="1" stroke="none"> <circle cx="25" cy="25" fill-opacity="0.200000003" fill="#000000" id="Oval" r="24.5" stroke="#FFFFFF"></circle> <g id="PICTO/link" transform="translate(15.000000, 15.000000)"> <mask id="mask-1001" fill="white"> <use xlink:href="#path-1001"></use> </mask> <use fill-rule="evenodd" fill="#000000" id="Combined-Shape" xlink:href="#path-1001"></use> <g fill-rule="evenodd" fill="#FFFFFF" id="TEINTE/blanc" mask="url(#mask-1001)"> <rect height="20" id="Rectangle-2" width="20" x="0" y="0"></rect> </g> </g> </g> </svg> </div> <a href="https://link.medium.com/SsYEZidIvX">https://link.medium.com/SsYEZidIvX</a></div> <div class="field field--name-field-categories field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/taxonomy/term/67" hreflang="fr">Javascript</a></div> <div class="field__item"><a href="/taxonomy/term/31" hreflang="fr">CSS</a></div> </div> <div class="field field--name-field-display-title field--type-string field--label-hidden field__item"><h1>Detect light mode on desktop</h1> </div> <span class="field field--name-title field--type-string field--label-above">Detect light mode on desktop</span> Fri, 14 Jun 2019 10:15:29 +0000 Antoine Charbonnier 117 at https://blog.lumini.fr https://blog.lumini.fr/posts/blotter-js <div class="field field--name-field-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/sites/default/files/styles/post_teaser/public/from-external/blotter.js.jpg?itok=Go3ttVrJ" width="600" height="339" alt="Alt text" title="Title" typeof="foaf:Image" class="image-style-post-teaser" /> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/antoine-charbonnier" typeof="schema:Person" property="schema:name" datatype="">Antoine Charbonnier</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed 30/01/2019 - 16:49</span> <div class="field field--name-field-source-link field--type-link field--label-hidden field__item"> <div class="svg-container"> <svg height="50px" version="1.1" viewBox="0 0 50 50" width="50px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch --> <title>CTA/rond_fil</title> <desc>Created with Sketch.</desc> <defs> <path d="M5.08394906,19.0470708 C3.34922249,18.9774736 2.05355679,18.1927645 1.34873325,16.5984073 C0.652051248,15.0220294 0.869546299,13.5007493 2.03494759,12.2259596 C3.18232121,10.970889 4.39947934,9.77323619 5.64571435,8.61444184 C7.10537364,7.25787528 9.53445606,7.30659336 11.0278445,8.64634058 C11.46865,9.04246498 11.5436684,9.3794317 11.2633673,9.70595884 C10.9836477,10.032486 10.6265836,10.0116068 10.1822889,9.63346169 C9.41000702,8.97692756 8.52955915,8.78785501 7.55432064,9.02738557 C7.05710602,9.14976075 6.6418882,9.43220962 6.28366106,9.78541571 C5.22642576,10.8264747 4.17384276,11.8733335 3.13056436,12.9283119 C2.30245487,13.7669589 2.05239371,14.7691594 2.44958387,15.8757558 C2.85258941,16.9968516 3.70047118,17.622067 4.88273706,17.7398023 C5.74108651,17.825639 6.48545459,17.5170911 7.09781365,16.911015 C7.99687073,16.02133 8.89069398,15.1258453 9.78742491,14.2338405 C10.2357904,13.787838 10.6120452,13.713601 10.9231678,14.0070694 C11.2424319,14.3069176 11.181952,14.678103 10.7242819,15.134545 C9.76067418,16.0961471 8.80986025,17.0734086 7.81950178,18.0071718 C7.06524755,18.7188038 6.14118435,19.0633102 5.08394906,19.0470708 Z M19.0461017,5.08629022 C19.0648235,6.26951972 18.5839071,7.25110189 17.7607326,8.07855132 C16.7456597,9.0977975 15.7153753,10.103137 14.6956219,11.118327 C12.9030089,12.9041808 10.3176445,12.6463271 8.8661194,11.275357 C8.41679604,10.8512022 8.49226832,10.2989898 9.01764902,10.1095109 C9.27507386,10.0173789 9.50383093,10.0712674 9.69280416,10.259008 C10.8202079,11.3819751 12.6526048,11.3837135 13.8788831,10.0874919 C14.8500768,9.06071293 15.8903072,8.09883194 16.8849031,7.09291303 C17.94093,6.02499335 18.0684723,4.51785332 17.2207255,3.41632575 C16.1313504,2.00073824 14.1848676,1.86804502 12.8755113,3.1358737 C11.9645784,4.01779109 11.0758776,4.92288634 10.1748907,5.81581321 C10.0297967,5.96009536 9.89464864,6.11480754 9.67408236,6.16637827 C9.39032998,6.2330146 9.15572234,6.15710713 8.9936617,5.93228193 C8.83628152,5.71267175 8.7988379,5.46119202 8.96323877,5.21840399 C9.02408464,5.12801036 9.09487647,5.04283174 9.17210392,4.96576537 C10.1158,4.02995947 11.04838,3.08256464 12.0107978,2.16472157 C13.2078233,1.02379165 14.6359461,0.670329357 16.2115032,1.18024217 C17.7730188,1.68493997 18.7009184,2.79342089 19.0098282,4.39790792 C19.0262097,4.4813482 19.0414212,4.56536792 19.0449315,4.64996709 C19.0501971,4.79540813 19.0461017,4.94084917 19.0461017,5.08629022 Z" id="path-1001"></path> </defs> <g fill-rule="evenodd" fill="none" id="CTA/rond_fil" stroke-width="1" stroke="none"> <circle cx="25" cy="25" fill-opacity="0.200000003" fill="#000000" id="Oval" r="24.5" stroke="#FFFFFF"></circle> <g id="PICTO/link" transform="translate(15.000000, 15.000000)"> <mask id="mask-1001" fill="white"> <use xlink:href="#path-1001"></use> </mask> <use fill-rule="evenodd" fill="#000000" id="Combined-Shape" xlink:href="#path-1001"></use> <g fill-rule="evenodd" fill="#FFFFFF" id="TEINTE/blanc" mask="url(#mask-1001)"> <rect height="20" id="Rectangle-2" width="20" x="0" y="0"></rect> </g> </g> </g> </svg> </div> <a href="https://blotter.js.org/">https://blotter.js.org/</a></div> <div class="field field--name-field-categories field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/taxonomy/term/67" hreflang="fr">Javascript</a></div> <div class="field__item"><a href="/taxonomy/term/98" hreflang="en">Library</a></div> <div class="field__item"><a href="/taxonomy/term/99" hreflang="en">GLSL</a></div> <div class="field__item"><a href="/taxonomy/term/100" hreflang="en">RGB Shift</a></div> <div class="field__item"><a href="/taxonomy/term/36" hreflang="fr">Animations</a></div> </div> <div class="field field--name-field-display-title field--type-string field--label-hidden field__item"><h1>Blotter Js</h1> </div> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Librarie javascript pour faire de la séparation de canaux de couleurs, rgb shifting</p></div> <span class="field field--name-title field--type-string field--label-above">Blotter Js</span> Wed, 30 Jan 2019 15:49:58 +0000 Antoine Charbonnier 65 at https://blog.lumini.fr https://blog.lumini.fr/posts/state-js-2018 <div class="empty-fields empty-fields__nbsp field field--name-field-image field--type-string field--label-hidden field__item">&nbsp;</div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/antoine-charbonnier" typeof="schema:Person" property="schema:name" datatype="">Antoine Charbonnier</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue 27/11/2018 - 18:51</span> <div class="field field--name-field-display-title field--type-string field--label-hidden field__item"><h1>State of JS in 2018</h1> </div> <span class="field field--name-title field--type-string field--label-above">State of JS in 2018</span> Tue, 27 Nov 2018 17:51:02 +0000 Antoine Charbonnier 43 at https://blog.lumini.fr