If only I had a penny for every time my heart stopped beating while watching the MadCSS videos.. specially the finale had me sitting on the edge of my seat the entire time 😅🫠

Web Security in the World of AI YouTube video by Web Vibes Only

AI can speed up your app dev… but it can also sneak in serious security flaws 👀

From Broken Access Control to SQL Injection & XSS — we break down what to watch out for ⚠️

🎥 Watch now & don’t let AI compromise your app’s security
youtu.be/kwkRh1eizl0?...

a man is typing on a keyboard in a living room Alt: a man is typing on a keyboard in a living room

Don't judge me for the number of tabs in my terminal is the new don't judge me for the number of tabs in my browser.

I've been saying this for a while as well - I just want AI to do my laundry & taxes!! I enjoy using AI to assist me in my creative endeavors and build side projects with ease AND I also feel this pressure to optimize its usage for max productivity gains which takes the fun out of using it😒

Angular: The Analog Way YouTube video by Web Vibes Only

New post alert: @kylerjohnsondev.bsky.socia & @ankitasood.bsky.social talk about @analogjs.org
and share a demo they built with AI and Analog!
youtu.be/3FNsvfq0G7Y

You don't have to understand every single thing. Just keep trying to build something, anything. Follow along the examples instead of just browsing through them. Ask questions. Things will get better. Everything will make sense in the end, I promise.

A code snippet demonstrating the use of the JavaScript spread operator within Angular's @let syntax. The code defines a baseModel object, then creates an upgradedModel using {...baseModel} to inherit properties like make, model, and year, while adding a new "radio" property. The HTML below outputs both lists to show the merged data. Code snippet: @let baseModel = { make: 'Best Cars', model: 'ng-21', year: 2026 }; @let upgradedModel = {...baseModel, radio: 'Premium Sound System' }; <p>Base Model Details:</p> <ul> <li>Make: {{ baseModel.make }}</li> <li>Model: {{ baseModel.model }}</li> <li>Year: {{ baseModel.year }}</li> </ul> <p>Upgraded Model Details:</p> <ul> <li>Make: {{ upgradedModel.make }}</li> <li>Model: {{ upgradedModel.model }}</li> <li>Year: {{ upgradedModel.year }}</li> <li>Radio: {{ upgradedModel.radio }}</li> </ul>

Spread syntax in Angular templates! Use the ... operator in:

▶️ Object literals: {a: 1, ...foo}
▶️ Array literals: [1, ...foo]
▶️ Function calls: fn(1, ...foo)

It’s powered by Angular’s "pure function" system, ensuring objects aren't re-created unless data changes. Keep it clean, keep it fast! 🚀

The Next Two Years of Software Engineering Exploring five critical questions shaping software engineering through 2026, with contrasting scenarios for each. These lenses help prepare for the evolving ...

I have been having a lot of conversations about the same, @addyosmani.bsky.social has articulated this extremely well in his blog: The Next Two Years of Software Engineering - addyosmani.com/blog/next-tw...

Angular v21 has been out for a bit, but it’s one of those releases worth revisiting. Watch @kylerjohnsondev.bsky.social and I cover the release event and highlights of v21 here: youtu.be/va7O-GRsiMM?...

Web Fragments: The Future of Micro-frontends

See the full video: youtu.be/jtz7bBVKcOg

cc @cloudflare-dev.bsky.social @cloudflare.social

ICYM all things Angular in 2025, Jeff and I covered the year that was, and what we think Angular in 2026 might look like !

2025 Web Frameworks Wrap-up! YouTube video by Web Vibes Only

Catch up on the major shifts of 2025 in the world of Web Frameworks and meta-frameworks: youtu.be/luOkjC3JKZc?...

Can't believe it has been 10 years me being obsessed with @ngrx.io !

Let's recap Angular v21 🎉 YouTube video by Angular

🕹️ Angular v21: LEVEL COMPLETE! 🕹️

Missed the big launch? Don't get stuck on the loading screen. We’ve got the recap of the latest version ready for you right now.

Power up your dev skills here:
www.youtube.com/watch?v=_ZcH...

a cartoon drawing of a person looking at a calendar that says 30 Alt: a cartoon drawing of a person looking at a calendar that says 30

December is the shortest month of the year and nobody can convince me otherwise..

If you could have a holiday wish for one feature for Angular - your most dreamy, game-changing wish - what would it be?
Tell us your ultimate Angular wish 👇

The writers of Zootopia 2 are absolute geniuses. 💯 Highly recommend watching the movie high quality entertainment with lots of laughter and catchy music!

I am working my way through the Whimsical Animations course by Josh also!

We cover Angular + AI, Angular ARIA and few other features of this release. My favorite part is the Signal forms demo in this video, comparing it with Reactive forms. The developer experience with @angular.dev v21 is simply a delight!

Angular v21 Developer Release: The Incredible Adventure YouTube video by Angular

www.youtube.com/watch?v=DDAH...

anna from frozen is standing in front of a body of water with her hands in her pockets . Alt: anna from frozen is standing in front of a body of water with her hands in her pockets .

Y'all NEED to stop whatever you are doing and watch @angular.dev v21 Developer Release RIGHT NOW! Kudos to
@marktechson.com and the team for delivering this amazing experience.. This has been the most awaited release for me - we have Angie our mascot, ARIA components and Signal forms!

Did you know: you might be able to change the style of the caret in CSS soon?

See caret-shape and caret-animation in action

(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)

codepen.io/una/pen/MYKL...

Yaass!! We need more GoodMorningWithMarks now more than ever 🥺

clamp() | CSS-Tricks The CSS clamp() function locks a value between a minimum and maximum, using a preferred value within that range.

The CSS clamp() function is the easiest way to add responsiveness - by adding just 1 line you can set the min, max and preferred value. My favorite part is how smoothly it makes the elements scale!
Check out this deep dive on clamp() from @css-tricks.bsky.social:
👉 css-tricks.com/almanac/func...

a close up of a man 's face with the word impressive on it . Alt: a close up of a man 's face with the word impressive on it .

This is hands down the most helpful tool I have come across to figure out what value I could use to add responsive typography and containers using clamp()!
min-max-calculator.9elements.com?16,24,320,1200

I'm back home after an incredible experience at @techorama.bsky.social ! 🎤
Delivered two talks on all things modern Angular & CSS and joined a live panel discussion about frontend frameworks & AI.
Huge thanks to the conference organizers for the opportunity & to everybody who supported me 💙

Vibing with Creator of Angular Three YouTube video by Web Vibes Only

We had an absolute blast filming this one IN PERSON at @ng-conf.bsky.social 2025 with the incredible @nartc.bsky.social ! 🚀

You'll learn about the hilarious (and spiteful 😉) story behind Angular Three's creation, the power of Angular's Renderer and so much more! youtu.be/2569GTIDWaA?...

Oh hey I learnt about Effects at the local meetup hosted by @kevinkipp.com last month! Reminds me of RxJS a lot :)