Adrian Bece (アドリアン・ベツエ)

109 Followers
43 Following
22 Posts
Fullstack web developer by day, riff developer by night. Rock and metal music fan, vinyl collector, avid reader, adores Calvin & Hobbes comics.
Twitterhttps://twitter.com/AdrianBeceDev
LinkedInhttps://www.linkedin.com/in/adrianbece/
Webhttps://codeadrian.github.io/
Articleshttps://www.smashingmagazine.com/author/adrian-bece/

I finally got around to play with the View Transitions API and create some gorgeous page transitions between the HTML documents. That's right - it's not a SPA and there is no JavaScript animation library here. Example built with @eleventy

Article coming soon!

I'm excited to talk about a wonderful project I've been working on as part of my gig at Zagreb-based Q agency 😊

WaterBear is a free platform featuring award-winning high-production environmental documentaries and it's been a pleasure to work on it.

WaterBear is not just a "[current popular streaming platform] for documentaries". It's goal is to inspire users to take action by signing petitions, donating, spreading the word etc. and educating them on how they could change their habits in a way that benefits the environment.

Check out the article (part 2 is coming next week) and check out WaterBear! Let me know which documentaries have caught your interest!

https://www.smashingmagazine.com/2023/09/waterbear-building-free-platform-impactful-documentaries-part1/

WaterBear: Building A Free Platform For Impactful Documentaries (Part 1) — Smashing Magazine

Adrian’s kicking off a two-part series, sharing his journey as a lead developer. In the process, you will learn about the lessons and insights Adrian gained at work, including the strategies that went into the technical stack of the project and what it looks like to collaborate with a team he is leading for the first time.

Smashing Magazine

Looking forward to publishing a new article early next week. It's going to be a bit different than my regular output - I'm going to showcase a lovely project I've worked on as a lead developer and talk about technical and managerial aspects and challenges.

I can't wait to share it with you all!

Deconstruct YouTube’s “Ambient Mode” feature and learn how HTML <canvas> and the requestAnimationFrame function are used to create a glowing effect — explained by @codeAdrian:
https://www.smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/
Recreating YouTube’s Ambient Mode Glow Effect — Smashing Magazine

In this article, Adrian deconstructs YouTube’s “Ambient Mode” feature and how HTML `` and the `requestAnimationFrame` function are used to create the glowing effect.

Smashing Magazine

Hey, what time is it? New article time! ☺️

Have you ever noticed a glow effect around a YouTube video when using it in dark mode?

Here's how you can create it in a simple way.

https://www.smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/

Recreating YouTube’s Ambient Mode Glow Effect — Smashing Magazine

In this article, Adrian deconstructs YouTube’s “Ambient Mode” feature and how HTML `` and the `requestAnimationFrame` function are used to create the glowing effect.

Smashing Magazine
Got a saddle stool for my home office and the first test ride went great. It might look weird without a backrest, but the chair itself forces you to sit upright without needing the backrest. It's impossible to shift backwards or forwards on it! So good for the posture!
Ordered a beer in a game and drank it in reality. 🤔

Oh wow, what happened over the past week? Suddenly a bunch of people starred clay.css repository and we've surpassed 500 🌟! It's my most-starred project to date which is amazing considering it was my fun-project.

Thank you so very much! 😊

https://github.com/codeAdrian/clay.css

GitHub - codeAdrian/clay.css: Easily add claymorphic styles to any HTML element with this micro class and SASS mixin.

Easily add claymorphic styles to any HTML element with this micro class and SASS mixin. - GitHub - codeAdrian/clay.css: Easily add claymorphic styles to any HTML element with this micro class and S...

GitHub
I'm working on a new article and I'm very happy with the progress 😊 Can you guess what it'll be about? Video is related... And no, it's not about browser cookies. 🤣

Finally got a chance to update my music collection site. Now it includes info if the release is an original first release, repress, reissue or a remaster. I played around with color and tried to make the info more prominent.

Happy to hear your thoughts https://adrians-music-collection.vercel.app

Adrian's Music Collection

Adrian's Music Collection contains up-to-date list of Adrian Bece's LP and CD collection with detailed information about each collection item.

Adrian's Music Collection