• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

10 September - 2016 By Paal Joachim 1 Comment
Last updated on: July 6, 2020

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

Share this:

  • Email

Categories: JS

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Comments

  1. Ojas says

    20 January - 2017

    I like that Eric Elliot’s Github repo is on the top. Learned a lot and still learning. It’s a helpful list. Thanks.

    Reply

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2021 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.