Olivia
Online
AXL WebDev
@AXLWebDev
Joined December 2011
532 Following
114 Followers
769 Posts
El momento en el que todos nos dimos cuenta que el Mundial de Qatar estaba amañado.
La cara de Van Dijk lo dice todo…
The Moment Van Dijk knew the 2022 World Cup was rigged for Messi and Argentina.
Donde esconderán las cámaras?
Al principio pensé que era IA...
La FIFA debería de actuar contra Infantino para que dimita de una vez.
https://t.co/qeImbFmfTV
@marratxiactiva : "per ser atesos han de demanar cita prèvia"
La web de citas previas: 404
pd: Me gusta especialmente el nombre de clase escogido 👏
Also available at: https://t.co/nu1aveGqd3
You will have the 4 directions and you can easily adjust the variables online before copying the code!
¡Brutal forma de cambiar a modo oscuro tu web!
Usa una animación con View Transitions.
Con un poco de JavaScript y CSS.
→ https://t.co/vlgHAkRSr5
You seem to like the no JS char by char on scroll reveal effect https://t.co/BgQtAY78pm so here's a gallery of various such effects on @CodePen https://t.co/f5aN38R4O4 - which is your fave? I oscillate between undissolve & wave.🤔
Also an entry for this week's #CodePenChallenge.
@_davideast Hi david, is there any plan to integrate gemini or anyothr AI into others IDE, like VSCode ?
Conclusiones finales de la defensa. Recomiendo ver el vídeo porque este asunto incumbe a cualquier ciudadano.
Recuerdo cuando, por ser crítico con El Hormiguero, los guionistas y su presentador, me llamó una de sus hormigas por teléfono. (Adivinad cuál).
Intentaba justificar las actitudes machistas y de abuso de poder del programa alegando que eran errores puntuales
🔥 Check out the updated ChangeDetection Demo !🔥
You can now visualise what happens with the Signal🚦 powered "local" change detection
It will now display which component will be traversed for local change detection of dirty consumers !!
👉 https://t.co/jPnyx202jB
#Angular
Accessibility Myths [Debunked]
https://t.co/dc5UYx2gAF
You need to write CSS for a web page you know will be printed?
Put print-color-adjust: exact; in your <body>, you'll thank her later 📷
https://t.co/UhdAwZyNsH
#CSS
https://t.co/Xc8NFr0g1p
@realitydesignrs From what I can see, I think that has something to do with the line length changing in the animation 🤔
Here's how I've created glitchy text reveals in the past with some generated keyframes 🤙
👉 https://t.co/mQ73QacTtL via @CodePen
Reminder 📢
If you're animating numbers, use this line of CSS 👇
.numbers {
font-variant: tabular-nums;
}
It will make sure your numbers don't jump around like this example seen in the wild 🤙
#Angular 17 support for ViewTransitions API is 🤯🔥
Just add withViewTransitions()
and unique name to component (same name in origin and destination page), eg
style="view-transition-name: blog-{{https://t.co/chm4VAJBm9}}-cover"
and you're set for amazing UX!
9 tipos de peticiones HTTP explicados en un diagrama.
https://t.co/v5tpy5SBvG
#Angular Deferrable Views
👇All Critical Aspects👇
Use Case
‣ Defer loading of components, directives, pipes, and CSS within templates.
How
‣ Wrap template sections in @defer blocks specifying loading conditions.
Benefits
‣ Reduces initial bundle size, defers heavy components, optimizes Core Web Vitals.
👉 Why Use Deferrable Views?
Performance
‣ Improves Largest Contentful Paint (LCP) and Time to First Byte (TTFB).
Best Practices
‣ Place potentially layout-shifting defer-loaded components below the fold.
👉 Deferrable Dependencies Criteria
‣ Must be standalone.
‣ Shouldn't be referenced outside @defer blocks, including ViewChild queries.
‣ Supports both standalone and NgModule-based transitive dependencies.
👉 Deferrable View Blocks
Main @ defer Block
‣ Lazily loads content upon specific triggers.
@ placeholder Block
‣ Shows content before triggering @defer. Prevents fast flickering.
@ loading Block
‣ Displays during loading of deferred dependencies.
@ error Block
‣ Shows content if deferred loading fails.
👉 Triggers and Conditions
on Trigger
‣ Specifies conditions like interaction, viewport entry, or timer.
Condition
‣ Imperative boolean expression triggering content swap.
👉 Prefetching
Purpose
‣ Fetch resources before they are needed.
Mechanism
‣ Uses prefetch keyword with when and on for advanced behaviors.
👉 Testing @ defer Blocks
Tool
‣ TestBed APIs for testing different states.
Process
‣ Manually transition between states in tests.
👉 Behaviour with SSR and SSG
‣ Renders @ placeholder or nothing
‣ Ignores triggers on server.
👉 Behaviour with NgModule
‣ Compatible with both standalone and NgModule-based entities.
‣ Only standalone entities are deferred; NgModule-based entities load eagerly.
👉 Nested @defer Blocks and Layout Shifts
Cascading Loads
‣ Avoid same-time triggering in nested blocks.
CLS Impact
‣ Best to not defer components visible on initial load.
Code Examples and more in depth guide available in official docs! -> angular .dev/guide/defer
Last Seen Users on Sotwe
Trends for you
Most Popular Users
Elon Musk 
@elonmusk
241.5M followers
Barack Obama
@barackobama
119.1M followers
Cristiano Ronaldo
@cristiano
113.7M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.2M followers
Rihanna
@rihanna
98.6M followers
NASA
@nasa
92.4M followers
Justin Bieber
@justinbieber
91.7M followers
KATY PERRY
@katyperry
89.6M followers
Taylor Swift
@taylorswift13
83.5M followers
Lady Gaga
@ladygaga
75M followers
Virat Kohli
@imvkohli
72.7M followers
Kim Kardashian
@kimkardashian
70.7M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
65.7M followers
Bill Gates
@billgates
64.9M followers
Selena Gomez
@selenagomez
62.6M followers
The Ellen Show
@theellenshow
62.3M followers
CNN
@cnn
61.8M followers
X
@x
60.8M followers