Skip to main content Jump to list of all articles

Our charming Smashing TV

Smashing TV

Weekly webinars with practical techniques and solutions. Sessions on front-end, UX, design and everything in-between. With smart cookies from the web industry. Moderated by Vitaly Friedman and Scott Whitehead. Follow @SmashingMembers for schedules, transcripts and fancy cats.

Smashing TV, a new Hollywood blockbuster, with interviews and live streams for web designers and developers.
_.-–-.._ _.-–-...__ .-' /\ \ .' /\ / `. ( ) \ / ( ) / `. \/ .'\ /`. \/ .' ``-–-'' ) ( ``-–-'' .';.-–.;`. .' /_...._\ `. .' `.a a.' `. ( \/ ) `.___..-'`-..___.' \ / `-.____.-' -–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-– Oh hello there. If you're reading this note, you're quite a snowflake. Meow right at ya! -–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-–-– Well done, Garfield! ;-) You cracked the system! We need smart cookies like you in our family, you know. We want to make our webinars affordable and accessible for everybody. If you feel like you *have* to attend for free, that's perfectly fine — we are happy to welcome you. By the end of the day, we still have got to pay the bills somehow. So perhaps you do have a few pennies to spend every month after all. Every contribution counts, you know. Explore Membership and how we spend the money: /membership/ Happy watching! ;-) Vitaly and the Smashing Team (Cat credit: Felix Lee.
  • Speaking: Yuriy Artyukh
  • Date:

Power Of Shaders

Update (Tue, Mar 31): Unfortunately, the session had to be re-scheduled for Tuesday, April 7, due to technical limitations of Zoom. Sincere apologies, friends!

Today, the web is all about performance. In this live session, we’ll try to code a simple 3D terrain in a browser. Yuriy will show how to make a basic scene with the Three.js framework and how to animate it. Some shaders and noise function will be used, too. By the end of the session, you’ll learn why we actually need these shaders in the first place and what’s actually so good about them!

You’ll walk away with insights about:

  • Setup of a basic Three.js scene
  • Noise functions
  • Using Devtools to measure performance of your animation
  • Basic shader coding

Learn more →