Javascript

Smashing Magazine Podcast

Podcasts / Front-end Web Development, HTML, Javascript

The Smashing Magazine Podcast is an interview-based podcast from Smashing Magazine. Host Drew McLellan talks to design and development experts about their work on the web, as well as recent news and articles at Smashing Magazine. Links Podcast-specific: https://podcast.smashingmagazine.com/ https://www.smashingmagazine.com/category/smashing-podcast https://podcasts.apple.com/us/podcast/smashing-podcast/id1485403438 Smashing Magazine: https://www.smashingmagazine.com/

Smashing Magazine Podcast Read More »

ScrollOut

Front-end Web Development / Front-end Web Development, Javascript

ScrollOut is a small, lightweight JS library for scroll-triggered events, such as reveal and parallax. CDN: <script src=”https://unpkg.com/scroll-out/dist/scroll-out.min.js”></script> Init <script> ScrollOut(); </script> HTML <section data-scroll=”out”> <h1>Section</h1> <p>Lorem ipsum et dolorem.</p> </section> CSS: [data-scroll] { transition: opacity 1s; } [data-scroll=”in”] { opacity: 1; } [data-scroll=”out”] { opacity: 0; } Example:

ScrollOut Read More »

JS Basics: Functions and Syntax

Lessons / Front-end Web Development, Javascript

A short intro to the core fundamentals of Javascript for front-end web development Javascript (JS), oftentimes referred to as “Vanilla JS,” is used to added functionality to a web page (e.g. “do this when a user clicks this”). For many beginner web designers, JS can be daunting to learn. Many find JQuery to be much

JS Basics: Functions and Syntax Read More »

Javascript

Smashing Magazine Podcast

ScrollOut

JS Basics: Functions and Syntax

Pages

Categories