AlternativesEducationFeaturedWeb

Online Helpers, Tips, and Tricks

small images of thumbnails of wireframes, websites, composition, layout with a man and woman looking on
Over time, I will begin to update and populate this page with useful tools and websites

JavaScript:

  • An excellent article on JavaScript classes and constructor functions on CSS Tricks. This article covers all these topics and provides links to other articles that cover related topics. Not for beginners, but for those looking to take a deeper dive into JavaScript’s bottomless pit. This is a good place to begin.
  • Glide Slider Installation: https://glidejs.com/docs/setup
  • Custom Forms  for HTML and JavaScript Forms, Formspree
  • JavaScript animation library, GreenSock that lets you craft high-performance animations that work in every major browser: https://greensock.com
  • Another JavaScript animation library, https://blotter.js.org
  • Good Modern JavaScript Coding Best Practices: https://youtu.be/Mus_vwhTCq0

Artwork:

CSS Tricks:

React:

Alternative Resources for Design Tools: Vector (ie Illustrator):

Raster (ie Photoshop):

Wireframes/Mockups/Prototyping:

Other:

  • Isotope Filter & sort magical layouts: https://isotope.metafizzy.co
  • Build more “magical” websites. Learn how to use Isotope.js to create advanced web layouts with dynamic filtering and sorting. https://www.linkedin.com/learning/isotope-js-advanced-filtering
  • The modern way to build Websites and Apps that delivers better performance, Jamstack
  • Do not use images to display code. Among the many ways to include code are linking to the GitHub repository file, embedding code and styling it with Prism.js or similar, using GitHub Gist to show code snippets, or embedding CodePen: https://highlightjs.org
  • Another plugin for sharing code is Prism JS: https://prismjs.com
  • Animations on Scroll: https://michalsnik.github.io/aos
  • Go beyond Framer’s UI to create custom design solutions with code: https://www.framer.com/developers
  • Cody Frame Front End CSS Framework: https://codyhouse.co/ds/docs/framework/utilities
  • SVGator is an online vector animation software that helps businesses create self-drawing, morph, skew, stroke-path, and color animated vector graphics. https://www.svgator.com