Lorenzo Girardi

Happy and proud to share our freshly renewed website ✨ Spread the world and vote for us on @AWWWARDS 🍀 **Little nerdy insights** built with #prismic for cms/api and #nuxtjs, statically generated and #pwa ready. 🤓 #design #content #artdirection #agency #dev #vue #jamstack

Today’s #SOTD goes to @ETStudio5 for "Nine To Five". awwwards.com/sites/nine-to-… An architecture and design studio. Congratulations! 🏆 #architecture #gallery #GSAP

ogginok.studio is live. a portfolio of selected work from the past and now. available for new projects, collaborations, etc. talk to me.

@lorenzodossi Chapeau 💅

Suuuper happy to start the new year like this!! I've always been an avid reader of Codrops articles, and finally being able to contribute is truly an honor for me.

@ezzedge @ayushsoni_io ❤️ bros

@ayushsoni_io I know the guy from this 😍 @loregirardi

10 beautifully designed + well executed websites I found this week:

@matej_husak Thank you ❤️🙏

The Perfect Illustration Doesn’t Exi- 😳 👇 What Makes a Winner? #96 Awwwards Site of the day and its tech stack. 💿 Front-end: - Next.JS - styled-components (styled-components.com) - TailwindCSS (tailwindcss.com) - React - GSAP (gsap.com) 💽 Back-end & CMS: - Node.JS 🧰Utility stack: - Open Graph 💡 Lighthouse: - Performance 97 out of 100. - Accessibility 96 out of 100. - Best Practises 96 out of 100. - SEO 100 out of 100. 💡 Lighthouse mobile: - Performance 86 out of 100. - Accessibility 96 out of 100. - Best Practises 93 out of 100. - SEO 100 out of 100. 🔗 francobollimontilessini.com by andrea rubele, Lorenzo Girardi (@loregirardi) and ET Studio Explore the captivating world of “Francobolli Monti Lessini,” featuring a beautiful collection of stamps inspired by the scenic Monti Lessini region. 📱 The site boasts a clean design with a nature-themed color palette, high-quality images, and intuitive navigation. It’s fully responsive, ensuring an optimal viewing experience on any device. 💻 This site combines visual appeal with informative content, making it a must-visit for stamp enthusiasts and nature lovers alike. 🔝 👉🏻 Build landing pages faster with ready-to-build senior-made boilerplate at shipfa.st/?via=matthew Please consider like, repost and comment, it will help me to build more content like this. 🙏 #backend #uiux #uiuxdesign #CSS #buildinpublic #HTML #typescript #WordPress #vue #nuxtjs #react #nextjs

@fdrc_o @dghez_ Interesting! How did you manage to integrate the lib with Astro? I mean, how do you sync the transition with the dom change driven by Astro?

@dghez_ astro + taxi + absolutely weird setup because using taxi like a normal human being is too easy and I like when everything breaks for no reason

3d is nice but #webgl images I really like

@isipisi23 @awwwards 🫶

Better is better than best. We won #SOTD and #DEVAward on @awwwards ** uiiiiiiiii

@lmatteis Hero! How did you get the trick?

Next 13 App Router Page Transitions! - Each page is streamed in - Keeps old page around using framer-motion - Browser back/forward works as expected github.com/lmatteis/next-…

@blanklob @nextjs @Shopify Hi @blanklob, what's your stack for developing themes? Is it dawn theme, which bundler for assets? If you want to share, clearly. (I am an headless guy)

Just give me one raison why this is a headless @nextjs storefront deployed on Vercel? Its like riding a rocket to a supermarket. Its over engineered imo. To much complexity for a client and extra bills to manage. Just go all @Shopify for a simple build like this.

@niksavvidis The theme you are using is something that you have built on your own or it’s just a fork from dawn?

No Dawn. No Shopify CLI. No React. No Hydrogen. The costs? JS (64kb) and CSS (22kb). Shopify's required scripting that injects from {{ content_for_header }} executes on first run only and never again after that. No apps because we live in a society. Internals? Hybrid combination of Mithril and SPX. Hard-forked Bootstrap variation for styles. Semantic and tersed markup (tersing made possible with Syncify). Targeted morphs applied between navigations with persisted cache. Development? VSCode Liquid, Æsthetic and Syncify. How the f*ck? It's not for everyone. If you like Shopify development, come watch me and blanklob argue in his discord.

@nonphotobloom @jingqifanfan Loved it! 😍

Check out this cool website I made! malaproject.com Thanks to @jingqifanfan for the design

@ETStudio5 @TheRocketPanda @ne_u What a journey ☀️

Our last project @TheRocketPanda has been launched! 🚀Many thanks to @loregirardi & @ne_u for the support! ❤️👽🔥 take a look 💫 therocketpanda.com

@antfu7 I have a transition component on the top of the route (the ‘transition’ key in nuxt) and then a layout outside the router where I can clone the interested element and then FLIP, with this you can keep using ref of the page!

How do you share a component across routes/pages and do the transition(animation) when you navigate the page? (would like to know how in Vue, a solution on any framework would also help. Thanks!

Have a beautiful weekend ❤️

@supahfunk ❤️

Hi guys, I decided to release the source code of my Jelly Buttons 👉 🍮 I have used #react, #svg with #gooey effect and #gsap of course codesandbox.io/s/jelly-button…

♣️ ♦️ New on blog! Case Study: SSSolitaire: How @sixsocksstudio made an interactive digital cards experience. ↳ bit.ly/3ds69BD #ThreeJS #GSAP #Design

@cut_olo Adesso può guidare il muletto!

Pane, Nutella & Rock'n'Roll

@supahfunk @Blender 🙏 💛

@loregirardi @Blender Non per questo in particolare, ma guardati tutorial di soft body/cloth per Blender. Per il materiale ho giocato un po' con i nodi, ma nulla di estremamente complicato :)

Trying to get my hands on @Blender a little bit more seriously 🥳 #36daysoftype #b3d