Devs Love CoffeeThe personal website of Peter - a web developer, certified coffee drinker, and doer of all sorts of things.https://devslovecoffee.com/Bento Layouts Tilt Mehttps://devslovecoffee.com/blog/bento-layouts-tilt-me/https://devslovecoffee.com/blog/bento-layouts-tilt-me/A short post about making a bento layout tilt toward the pointer using HTML, javascript and css.Mon, 04 Sep 2023 00:00:00 GMTMaking Apple Progressive Blur on the Webhttps://devslovecoffee.com/blog/making-apple-progressive-blur-on-web/https://devslovecoffee.com/blog/making-apple-progressive-blur-on-web/Developing Apple-inspired progressive blur for the web; Technical insights and challenges.Fri, 05 Apr 2024 00:00:00 GMTHow to Create a 3D Resend Cube using Three.js from Scratchhttps://devslovecoffee.com/blog/making-the-resend-cube-from-scratch-using-three-js/https://devslovecoffee.com/blog/making-the-resend-cube-from-scratch-using-three-js/Learn How to Replicate the Resend 3D Cube with Three.js and HTML. Starting with a boilerplate and adding the cube, forming its correct shape, using proper materials, and suitable lighting.Thu, 15 Jun 2023 00:00:00 GMTReading the Same Book Every Yearhttps://devslovecoffee.com/blog/reading-the-same-book-every-year/https://devslovecoffee.com/blog/reading-the-same-book-every-year/A reflection on reading the same book every year and how it helps me reflect on the past year.Mon, 13 Jan 2025 00:00:00 GMTThe Resend Cube Lookalike Part 2 - Bloom and Animationhttps://devslovecoffee.com/blog/resend-cube-lookalike-part-2/https://devslovecoffee.com/blog/resend-cube-lookalike-part-2/A Part 2 of the Step-by-Step Replication of the Resend Cube Using Three.js and a Single HTML File. This time we optimize the Imports, add Bloom, and make the Animation much better.Mon, 19 Jun 2023 00:00:00 GMTThe Resend Cube Lookalike Part 3 - Lights, God Rays, Final Toucheshttps://devslovecoffee.com/blog/resend-cube-lookalike-part-3/https://devslovecoffee.com/blog/resend-cube-lookalike-part-3/A Part 3 of the Step-by-Step Replication of the Resend Cube Using Three.js and a Single HTML File. In this post we enhance the lights, add the god rays and tie it all up.Wed, 12 Jul 2023 00:00:00 GMTSpring Animation with GLSL Shaderhttps://devslovecoffee.com/blog/spring-animation-with-glsl-shader/https://devslovecoffee.com/blog/spring-animation-with-glsl-shader/Creating a complex reveal animation using a spring-animated GLSL shader, combined with lottie animation.Fri, 11 Oct 2024 00:00:00 GMTUsing Arc Theme to Style a Websitehttps://devslovecoffee.com/blog/using-arc-theme-to-style-website/https://devslovecoffee.com/blog/using-arc-theme-to-style-website/Arc browser provides the theme variables in css. They can be used to easily create a theme for your website.Wed, 10 Apr 2024 00:00:00 GMT