Ricky
@ricky.pt
Frontend wizard with intricate tapestries of code, enchanting users with Angular incantations and UI/UX alchemy.
#angular #typescript #css #html #frontend #ui #ux
🔗 https://ricky.pt
#angular #typescript #css #html #frontend #ui #ux
🔗 https://ricky.pt
Pinned
Going Zoneless: Why Your Angular ErrorHandler Went Silent — and How to Fix It
With the Angular team officially promoting the zoneless API to stable in v20.2, many developers are now migrating to…
medium.com
Migrated to zoneless Angular?
Watch out, your global ErrorHandler might be silent for async errors!
(I learned this the hard way 😅)
I wrote about the cause and the official fix: medium.com/@monsieur_ri...
#Angular #WebDev #JavaScript #Frontend
Watch out, your global ErrorHandler might be silent for async errors!
(I learned this the hard way 😅)
I wrote about the cause and the official fix: medium.com/@monsieur_ri...
#Angular #WebDev #JavaScript #Frontend
View Transitions & Playing Video
View Transitions & Playing Video
Can you keep a video playing as a view transitions happens? Yes and no. Mostly yes.
buff.ly
January 30, 2026 at 2:45 PM
View Transitions & Playing Video
Animating Responsive Grid Layout Transitions with GSAP Flip | Codrops
Animating Responsive Grid Layout Transitions with GSAP Flip | Codrops
We’ll explore how to use GSAP’s Flip plugin to animate dynamic grid layout changes, showing how grid items can resize and rearrange fluidly.
buff.ly
January 29, 2026 at 1:30 PM
Animating Responsive Grid Layout Transitions with GSAP Flip | Codrops
Rethinking “Pixel Perfect” Web Design — Smashing Magazine
Rethinking “Pixel Perfect” Web Design — Smashing Magazine
Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.
buff.ly
January 28, 2026 at 11:01 AM
Rethinking “Pixel Perfect” Web Design — Smashing Magazine
It’s hard to justify Tahoe icons
It’s hard to justify Tahoe icons
Looking at the first principles of icon design—and how Apple failed to apply all of them in macOS Tahoe
buff.ly
January 27, 2026 at 10:15 AM
It’s hard to justify Tahoe icons
Accessible faux-nested interactive controls
Accessible faux-nested interactive controls
A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret…
buff.ly
January 26, 2026 at 9:20 AM
Accessible faux-nested interactive controls
una.im | Directional CSS with scroll-state(scrolled)
una.im | Directional CSS with scroll-state(scrolled)
Style based on scroll direction with this new scroll-state query feature.
buff.ly
January 25, 2026 at 3:01 PM
una.im | Directional CSS with scroll-state(scrolled)
Angular 21.1: Key Features and Improvements - Angular.love buff.ly/veoD894
Angular.love - Blog and community for Angular fans
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
Angular.love
January 24, 2026 at 3:02 PM
Angular 21.1: Key Features and Improvements - Angular.love buff.ly/veoD894
Creating and serving image blur placeholders
Creating and serving image blur placeholders
Particularly when images make up a significant portion of the page experience, a perceived performance trick to keep up your sleeve is making use of blur placeholders..
jakeisonline.com
January 23, 2026 at 2:45 PM
Creating and serving image blur placeholders
Dots loader using shape()
A classic 3 dots loader created using the new shape()
css-tip.com
January 22, 2026 at 1:30 PM
A guide to Scroll-driven Animations with just CSS | WebKit
A guide to Scroll-driven Animations with just CSS
CSS animations have come a long way since Apple first introduced them to the web in 2007.
webkit.org
January 21, 2026 at 11:02 AM
A guide to Scroll-driven Animations with just CSS | WebKit
Angular Addicts #45: Signal Form guides, AI integrations & more
Angular Addicts #45: Signal Form guides, AI integrations & more
My favorite Angular resources of December, 2025
buff.ly
January 20, 2026 at 10:15 AM
Angular Addicts #45: Signal Form guides, AI integrations & more
Introducing CSS Grid Lanes
Introducing CSS Grid Lanes
It’s here, the future of masonry layouts on the web!
buff.ly
January 19, 2026 at 9:20 AM
Introducing CSS Grid Lanes
Front End Debugging Part 1: Not just Console Log
Front End Debugging Part 1: Not just Console Log
Instant Debugging with the debugger Keyword Triggering Debugging from the Console DOM Breakpoints:...
buff.ly
January 18, 2026 at 3:03 PM
Front End Debugging Part 1: Not just Console Log
Design System In 90 Days — Smashing Magazine
Design System In 90 Days — Smashing Magazine
Helpful PDF worksheets and tools to get the design system effort up and running — and adopted! Kindly powered by How To Measure UX and Design Impact, a friendly course on how to show the impact of…
buff.ly
January 17, 2026 at 3:03 PM
Design System In 90 Days — Smashing Magazine
HTML’s Best Kept Secret: The output Tag
HTML’s Best Kept Secret: The output Tag
Make your dynamic content accessible by default with the HTML tag that time forgot.
buff.ly
January 16, 2026 at 2:45 PM
HTML’s Best Kept Secret: The output Tag
Visual Regression Testing for External URLs With Playwright · Matthias Ott
Visual Regression Testing for External URLs With Playwright · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
buff.ly
January 15, 2026 at 1:30 PM
Visual Regression Testing for External URLs With Playwright · Matthias Ott
Numbers That Fall (Scroll-Driven Animations & Sibling Index)
Numbers That Fall (Scroll-Driven Animations & Sibling Index)
With view() style scroll-driven animations, it's helpful to think about how you want it to work then tweak the ranges toward that goal.
buff.ly
January 14, 2026 at 11:02 AM
Numbers That Fall (Scroll-Driven Animations & Sibling Index)
Signals Form: Introduction
Signals Form: Introduction
Introduction and Disclaimer First and foremost, the APIs that will be mentioned in this...
buff.ly
January 13, 2026 at 10:15 AM
Signals Form: Introduction
Sequential linear() Animation With N Elements | CSS-Tricks
Sequential linear() Animation With N Elements | CSS-Tricks
Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!
buff.ly
January 12, 2026 at 9:20 AM
Sequential linear() Animation With N Elements | CSS-Tricks
Page headings don’t belong in the header
Page headings don’t belong in the header
I have a habit of thinking pretty deeply about semantics and structure, and have been considering the main page heading and where it should live.
buff.ly
January 11, 2026 at 3:02 PM
Page headings don’t belong in the header
Start implementing view transitions on your websites today
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
buff.ly
January 10, 2026 at 3:02 PM
Start implementing view transitions on your websites today
Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks
Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks
Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!
buff.ly
January 9, 2026 at 2:45 PM
Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks
CSS Animations That Leverage the Parent-Child Relationship | CSS-Tricks
CSS Animations That Leverage the Parent-Child Relationship | CSS-Tricks
When we change an element’s intrinsic sizing, its children are affected, too. This is something we can use to our advantage.
buff.ly
January 8, 2026 at 1:30 PM
CSS Animations That Leverage the Parent-Child Relationship | CSS-Tricks
The <select> element can now be customized with CSS | Blog | Chrome for Developers
The <select> element can now be customized with CSS | Blog | Chrome for Developers
All the same interfaces, sweet new looks.
buff.ly
January 7, 2026 at 11:01 AM
The <select> element can now be customized with CSS | Blog | Chrome for Developers
Shipping at Inference-Speed | Peter Steinberger
Shipping at Inference-Speed | Peter Steinberger
Why I stopped reading code and started watching it stream by.
buff.ly
January 3, 2026 at 3:00 PM
Shipping at Inference-Speed | Peter Steinberger