Resource page of various JavaScript resources
I will gradually add various js resources that I find interesting.
The Essential JavaScript list:
https://github.com/ericelliott/essential-javascript-links
JavaScript cheat sheet.
https://websitesetup.org/javascript-cheat-sheet/
Learn JavaScript: 30 Day Vanilla JS Coding Challenge. Build 30 things in 30 days with 30 tutorials
https://javascript30.com/
Zac Gordons: The JavaScript for WordPress Master Course
“Learn JavaScript Deeply,
Level Up Your Career”
https://javascriptforwp.com/ref/paaljoachim/ (This is my reference link.)
A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
https://github.com/oriongunning/gridder
MediumLightbox: Zooming functionality for images
Nice and elegant way to add zooming functionality for images, inspired by medium.com: https://github.com/davidecalignano/MediumLightbox
ZooMove: dynamically zoom images with mouseover
https://emersonthompson.com.br/zoomove/
jQuery Lightgallery: Lightbox Gallery Plugin
https://sachinchoolur.github.io/lightGallery/index.html
Jquery lightbox plugin. Light, responsive, powerful.
https://chocolat.insipi.de/
A lazy loading and multi-serving image script
https://dinbror.dk/blazy/
Cool Codepen: Hamburger Icon Animations.
12 fun and stylish hamburger icon animations in pure HTML/CSS/JS: https://codepen.io/RRoberts/pen/ZBYaJr
Slinky. jQuery sliding menu
https://alizahid.github.io/slinky/
SecretNav: Nav menu revealed with 3d effects
https://github.com/jachinte/jquery.secretnav
MouseTip: Cursor tooltips that follow mouse movement and position
https://github.com/nathco/jQuery.mousetip
Demo: https://code.nath.co/mousetip
ScrollReveal: Easy scroll animations for web and mobile browsers
https://scrollrevealjs.org/
AnchorScroll.js: A plugin for smooth scrolling to anchor targets
https://github.com/virgiliud/jquery.anchorScroll
The JavaScript library for modern browsers and touch devices.
https://rubaxa.github.io/Sortable/
Minigrid: Cascading grid layout without pain
https://minigrid.js.org/
A responsive equal heights plugin for jQuery
brm.io/jquery-match-height/
tympanus.net/codrops/2018/05/23/grid-layout-with-motion-hover
Image Blur Texture
Click the images and watch the background change.
https://zurb.com/playground/image-blur-texture
Something similar: kamranahmed.info/brusher
Particle effects: tympanus.net/codrops/2018/04/25/particle-effects-for-buttons
“This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.”
https://benhowdle.im/grade/
Create fluid and interactive gradients animations
with this small (< 10kB) .js library https://sarcadass.github.io/granim.js/
Printer Pull Down To Refresh
.https://codepen.io/suez/pen/YpProB
MediaWrapper: Responsive iframe video
https://akselkreis.github.io/mediaWrapper.js/
Resources:
https://www.unheap.com/
A study plan to cure JavaScript fatigue
https://medium.freecodecamp.com/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1#.c9axqndw3
Lazy Loader
github.com/ApoorvSaxena/lozad.js
I like that Eric Elliot’s Github repo is on the top. Learned a lot and still learning. It’s a helpful list. Thanks.