CSS Podcast
CSS Podcast (https://thecsspodcast.libsyn.com/) hosted by Una Kravets and Adam Argyle, Developer Advocates from Google, who discuss all things CSS in short, digestible episodes.
Create a Featured Projects Portfolio Site
Showcase select projects by coding an online portfolio site from scratch There are many different ways to share your work online. If you are a web designer with front-end web development skills looking to showcase your talent, one of the best ways is to custom design and code your own portfolio site from scratch. In this
Create a Featured Projects Portfolio Site Read More »
Netlify
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
Smashing Magazine Podcast
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
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 »
Student Work
Links to past projects from previous students (for in-class demo/example purposes) Mobile App UI Projects
ScrollOut
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: