Netlify (netlify.com) is a free “serverless” website hosting service that offers a wide range of powerful services that make site deployment super easy and static sites super powerful. Known for the term Jamstack, a modern way to build lightning-fast websites and web apps, Netlify prioritizes performance via its CDN network and improves the developer experience by offering […]
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 »
StatCounter Global Stats are brought to you by StatCounter, a free, online user statistics tool. StatCounter measures internet usage trends. We track which browsers are actually used most. To accurately measure browser usage, we base our stats on page views (and not unique visitors). This means we take account of how frequently browsers are used and
StatCounter Global Stats Read More »
Links to past projects from previous students (for in-class demo/example purposes) Mobile App UI Projects Stason Skeen’s Augere App Portfolio Entry v1: Coded v1 (for class) Portfolio Entry v2: Coded v2 (personal site) | Screenshot of v2 Romina Escano’s Pillar App Portfolio Entry v1: Coded v1 (for class) Portfolio Entry v2: Coded v2 (personal site)
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:
