Animations
http://animista.net/
https://animate.style/
https://easings.co/
https://cubic-bezier.com/
https://keyframes.app/
Shadows
https://brumm.af/shadows
Borders and clip path
https://bennettfeely.com/clippy/
https://9elements.github.io/fancy-border-radius/
https://wweb.dev/resources/css-separator-generator
Gradient editor
https://shapy.app/
Transform editor
https://css-transform.moro.es/
https://devhints.io/
https://devdocs.io/
https://tiny-helpers.dev/
https://htmldom.dev
https://htmlreference.io/
https://www.omnicalculator.com/
CSS
https://cssreference.io/
https://yoksel.github.io/flex-cheatsheet/
http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/
http://flexbox.malven.co/
https://tobiasahlin.com/blog/common-flexbox-patterns/
https://csstriggers.com/
http://grid.malven.co/
https://learncssgrid.com/
Selectors
https://www.sitepoint.com/css-selectors/
https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/
https://medium.com/@devdevcharlie/things-nobody-ever-taught-me-about-css-5d16be8d5d0e
https://moderncss.dev/guide-to-advanced-css-selectors-part-one/
ES6
https://www.joshwcomeau.com/operator-lookup/
http://overapi.com/javascript
https://devhints.io/es6
https://www.debuggex.com/cheatsheet/regex/javascript
https://plainjs.com/
VueJS
https://vuejs-tips.github.io/cheatsheet/
https://vuejs-tips.github.io/vuex-cheatsheet/
https://developers.google.com/web/fundamentals/design-and-ux/animations/
https://css-tricks.com/the-importance-of-context-shifting-in-ux-patterns/
https://www.smashingmagazine.com/2013/10/smart-transitions-in-user-experience-design/
https://medium.com/google-design/motion-design-doesnt-have-to-be-hard-33089196e6c2
https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9
https://css-tricks.com/getting-deep-into-shadows/
Future concept
https://mxb.at/blog/layouts-of-tomorrow/
Transitions
https://tympanus.net/Development/OffCanvasMenuEffects
https://desandro.github.io/3dtransforms/docs/card-flip.html
Parallax effect
https://scrollmagic.io
https://keithclark.co.uk/articles/pure-css-parallax-websites/
https://webdesign.tutsplus.com/categories/parallax-scrolling
https://tutorialzine.com/2015/09/6-practical-examples-for-building-parallax-websites
https://basicscroll.electerious.com/
https://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/
https://codyhouse.co/blog/post/sticky-hero-section
https://css-tricks.com/an-overview-of-scroll-technologies/
Morph buttons, loading & more
https://codepen.io/shshaw/pen/EbjvbQ/
https://tympanus.net/Development/ButtonComponentMorph/index.html
https://www.outsystems.com/blog/Posts/from-design-to-code_creating-and-animating-images-with-css
https://cssanimation.rocks/twitter-fave/
https://www.digitalocean.com/community/tutorials/how-to-develope-a-creative-upload-interaction-with-javascript-and-canvas
https://www.npmjs.com/package/flipping
https://slides.com/sarasoueidan/building-better-interfaces-with-svg
https://css-tricks.com/writing-animations-that-bring-your-site-to-life/
https://codepen.io/waynedunkley/pen/mJbdZO
https://css-tricks.com/gooey-effect/ # Morph children buttons
https://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/
Optimize images
https://squoosh.app/
https://developer.mozilla.org/en-US/docs/Web/Performance
https://web.dev/bfcache/
https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/
https://web.dev/vitals/
https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains
https://developers.google.com/web/fundamentals/performance/rail
https://developers.google.com/web/updates/2018/05/first-input-delay
https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
http://www.24joursdeweb.fr/2014/le-web-mobile-et-la-performance/
https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
https://www.voorhoede.nl/en/blog/why-our-website-is-faster-than-yours/
https://www.voorhoede.nl/en/blog/static-site-implosion-with-brotli-and-gzip/
https://hpbn.co/
https://istlsfastyet.com
https://responsivedesign.is/articles/configuring-http2-push-wordpress/
https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/
https://medium.com/reloading/javascript-start-up-performance-69200f43b201
https://dexecure.com/blog/http2-push-vs-http-preload/
https://addyosmani.com/blog/performance-budgets/
https://calibreapp.com/blog/investigate-animation-performance-with-devtools/
Loading ressources
https://addyosmani.com/blog/import-on-interaction/
https://csswizardry.com/2018/11/css-and-network-performance/
https://csswizardry.com/2019/03/cache-control-for-civilians/
https://developer.mozilla.org/fr/docs/Web/HTTP/Headers/Cache-Control
https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
https://www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/
https://www.twilio.com/blog/a-http-headers-for-the-responsible-developer
https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/
https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/
https://nooshu.github.io/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/
Links preloading
https://unpoly.com/
https://barba.js.org/
https://instant.page/intensity
https://github.com/turbolinks/turbolinks
Fonts
https://www.zachleat.com/web/css-tricks-web-fonts/
JavaScript perf
https://v8.dev/blog/cost-of-javascript-2019
https://phabricator.wikimedia.org/phame/live/7/post/168/tracking_down_slow_event_handlers_with_event_timing/
https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/
Web & mobile
http://foundation.zurb.com/
http://bulma.io/
https://getuikit.com/
https://material.io/
https://ant.design/
https://daisyui.com
Vuejs Ready
https://getuikit.com/
https://vuetifyjs.com/
https://ui.vuestic.dev
https://primevue.org
https://element-plus.org
Vuejs Native
https://nativescript-vue.org/ # NativeScripts builds only binary apps
http://quasar-framework.org/ # Builds everywhere (even desktop) but seems web UI
https://github.com/quasarframework/quasar-awesome
App-like
http://framework7.io/
https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/
Headless
http://vuefront.com
https://www.vuestorefront.io
https://www.storyblok.com
JS ressource
https://github.com/sindresorhus/awesome
https://github.com/sorrycc/awesome-javascript
Authentication
https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/
Misc
https://uppy.io/
http://createjs.com/
https://idangero.us/swiper/
https://github.com/kennethcachia/Background-Check
Visualisation, 3D & animation
WebGL
https://jeux.developpez.com/tutoriels/OpenGL/WebGL/
https://css-tricks.com/creating-photorealistic-3d-graphics-web/
https://css-tricks.com/techniques-for-rendering-text-with-webgl/
https://www.smashingmagazine.com/2017/09/animation-interaction-techniques-webgl/
https://hackernoon.com/10-javascript-animation-libraries-to-follow-in-2018-50ff1d905f43
https://popmotion.io/
https://openclassrooms.com/fr/courses/663578-debutez-dans-la-3d-avec-blender/659438-entrez-dans-lunivers-3d
Animation Techniques
https://sparkbox.github.io/bouncy-ball/
http://blog.octo.com/en/d3-js-transitions-killed-my-cpu-a-d3-js-pixi-js-comparison/
https://wattenberger.com/blog/d3 # learn D3
https://css-tricks.com/how-to-animate-on-the-web-with-greensock/
https://css-tricks.com/tips-for-writing-animation-code-efficiently/
https://css-tricks.com/lets-make-one-of-those-fancy-scrolling-animations-used-on-apple-product-pages/
https://d3js.org/
https://p5js.org/
https://css-tricks.com/creating-book-cover-using-javascript-p5-js/
http://thednp.github.io/kute.js/#
http://www.pixijs.com
https://animejs.com/
https://greensock.com/
Touch gestures
https://hammerjs.github.io/
Play with maps
http://leafletjs.com/
http://polymaps.org/
http://openlayers.org/
http://jvectormap.com/
https://openmaptiles.org/
https://www.mapbox.com/
https://www.here.com/en
http://datamaps.github.io/
https://www.graphhopper.com/
http://turfjs.org/
SVG
https://www.smashingmagazine.com/2018/11/interactive-infographic-vue-js/
https://www.synbioz.com/blog/animation-morphing-svg
https://css-tricks.com/digging-into-the-preview-loading-animation-in-wordpress/
https://tympanus.net/codrops/2019/12/03/motion-paths-past-present-and-future/
https://www.cassie.codes/posts/creating-my-logo-animation/
http://slides.com/sdrasner/svg-can-do-that#/
https://codepen.io/sdras/full/Kwjyzo
https://medium.freecodecamp.org/a-guide-to-svg-on-web-c5932dadca03
https://css-tricks.com/use-and-reuse-everything-in-svg-even-animations/
https://css-tricks.com/building-an-images-gallery-using-pixijs-and-webgl/
http://chrisdermody.com/animated-svg-loader-mydevportfol-io/
http://dynamicsjs.com/
http://snapsvg.io/
http://fabricjs.com/
Panoramic image views
https://pchen66.github.io/Panolens/
Draw things in CSS
https://css-tricks.com/drawing-images-with-css-gradients/
Tiny DOM library
https://css-tricks.com/get-references-from-html-built-with-template-literals/