Frontend Architect & Development Lead | 15 years in JS dev | Architecting top-notch UI with React, Next.js, Tailwind, Ionic | Innovative leader 🚀 #FrontendDev
📢 Announcing: Ionic React Hub 🎉
I love posting content specific to @Ionicframework with React and @capacitorjs - Thought I'd put together a site to curate all of these into a collection to further help the community and share knowledge.
#webnativeionicreacthub.com
The fact that we can’t get a small Apple Magic Keyboard in black really upsets me. I do have the longer one with the numpad (shown below) but I much prefer the small keyboard!
Anyone any suggestions on keyboards of the same look and feel with the dark appearance?
I’ve rebuilt my little personal site. It was in need of a revamp!
Built with Nextjs, Tailwindcss, framer motion, MDX for blog with multiple plugins for highlighting and other things
Built in standalone output mode and deployed to my VPS 🎯
Check it out 👇
I also made good use of all the metadata techniques for SEO purposes and the dynamic open graph image generation for social images (eg if you share a page or a blog post - share preview).
If you want to ship fast and ship smart, definitely use @vercel , @next, @tailwindcss
Introducing Silk — The most advanced swipeable sheet ever engineered for the web.
Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web.
Available for React.
Thoughts on upgrading my Macbook Air M2 2022 (8GB Ram) to the new M4 16Gb?
I have a pro for work with mad specs, however i feel the air is on par. The size and thin-ness of the body wins it for me.
Playing with React's <ViewTransition> for cross-page animations in Next.js.
It's early and experimental, but very cool!
Two tips:
• Use a poor man's motion blur for movement `filter: blur(0->10->0)`
• Use Chrome's animations devtools to debug
ALT Cuatro viñetas de un desarrollador frente a su laptop: 1. Anuncia que los endpoints están listos. 2. Cierra los ojos, preparándose para lo que viene. 3. Se ve abrumado por conceptos de frontend como flex, align-items, y divs que giran a su alrededor. 4. Finalmente, sonríe y dice 'Es hora de trabajar en el frontend'.
The whole HTML/CSS "separation of concerns" thing is built on this completely false premise that you would ever be able to redesign a website by just editing a CSS file.
Good luck turning the site on the left into the site on the right without changing the HTML.
I've developed a little web app that lets you generate Credit Card mock ups & Previews 💳 No one likes storing test card details in a text file, right? ✨
Built with @nextjs / @tailwindcss 🧙♂️
Check it out: cardpreview.dev