agforl

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🔮

Still playing with CSS Scroll Linked Animation parallax 😁

Need to attach an animation to body scroll?

img {
animation: shrink linear both;
animation-timeline: scroll(root); 👈
}

@ keyframes shrink {
to {
scale: 0.5;
}
}

Demo link below! 👇

[Minko Gechev @mgechev]

In JavaScript you can use the spread syntax to find what an emoji is made up of ✨

[agforl @agforl1]

*no one :
*Agile :

[MadeWithVueJS @MadeWithVueJS]

This simplified Jira clone is built with Vue, Typescript, Node.js & GraphQL. @MoezBouaggad created it to explore the composition API – it's a nice demo for new Vue devs or those switching to Vue 3 🤓 - https://t.co/ExgJAaCI0A

[agforl @agforl1]

absolute

[agforl @agforl1]

🥳🥳🥳🥳

[Addy Osmani @addyosmani]

A full free Stanford course on Web Security: https://t.co/KESo3JIIXi & all the videos too: https://t.co/OjRyCqTWjt by @feross

🍪 HTTP(S), Cookies, Sessions
🛡 Same Origin Policy
👿 Cross-Site Scripting (XSS)
☠️ Cross-Site Script Inclusion
🔑 WebAuthn
and more.

[agforl @agforl1]

👨‍🦽👨‍🦽👨‍🦽

[Visual Studio Code @code]

Yes, this is a must for everyone using @GitHub Actions 🎉
Link 👉 https://t.co/lGtDf6Aial

[agforl @agforl1]

🎪🎪🎪

[Pratham @Prathkum]

Let me try to explain you "CSS Grid Layout" using my cheat sheets

[Sara Soueidan is on Bluesky @SaraSoueidan]

Documenting JavaScript

"The self-documenting code myth is a form of gatekeeping.

Good documentation doesn’t just describe what’s happening, but why you’re doing it." https://t.co/SP1mBioHPo

[Ravin @ravinwashere]

I found this cool GitHub repository called "First Contributions"

A complete guide to how to contribute to open-source projects.

Link - https://t.co/rihtP3O2XG

[Ben Awad @benawad]

I made a video on the architecture/infrastructure for DogeHouse

https://t.co/uouH2gbtFi

[agforl @agforl1]

mean

[Ben Awad @benawad]

for those wondering what the OG hypebeast stack is

core:
- react
- typescript
- node.js
- postgresql

addons:
- graphql
- redis

[Jason Miller 🦊⚛ @_developit]

😴 turns out you 𝗰𝗮𝗻 implement sleep() in JavaScript.

Never do this on the main thread, but if you need to pause a Worker thread... here's how:

https://t.co/uGDxv2LBlY

[Adam Argyle @argyleink]

Here's how place-items and place-content centering shorthands work too 👍🏻

Hope these help you find your center ⚖️

https://t.co/Nkkk3FERiY

[agforl @agforl1]

expanding card

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

🔖 HTML Email Templates.

Chamaileon
https://t.co/5HcVyl5cW3

Postcards
https://t.co/pNydkGID0D

Topol
https://t.co/7J9ANpL3aL

Maizzle
https://t.co/qrl5euyeaQ

HTML Email
https://t.co/tEMeSrJjw1

Cerberus
https://t.co/AS9Vyd6qKp

CampaignMonitor
https://t.co/99zPZ4PkgM

[Sara Soueidan is on Bluesky @SaraSoueidan]

If someone says front-end development is easy then I will 100% assume that they don't know/do front-end development well.

[Firefox DevTools @FirefoxDevTools]

New in Nightly:

CSS Overflow Debugging! Built over the summer by @manasdesu & team. Get to the bottom of those mysterious horizontal scrollbars 👻

If you use this feature, we'd love to hear how it goes! —V

[Ahmad Shadeed @shadeed9]

The top 5 CSS articles I wrote this year:

1. Grid vs flex: https://t.co/5XH4pud107
2. Facebook CSS: https://t.co/DFzMzzOeYq
3. Positioning: https://t.co/FqJxjGsCJq
4. Min/Max: https://t.co/Vsg3CqRhzG
5. Pixel Perfection: https://t.co/EKmMftMdzS

What's your favorite one?

[Jason Miller 🦊⚛ @_developit]

Here's a recipe webpage after sitting for 5 minutes:

↙︎ with ads 🆚 with ads blocked ↘︎