Ariel Rodriguez

Hey. I'm Ariel 👋🏼. Team CSS-in-JS.

[Ariel Rodriguez @Ariel_Rodriguez]

I'm writing a blog post on managing UI state with XState. I wanted to share my demo app, pretty happy about it. #xstate #CSS

[Kass 🦈 @KassandraSanch]

Without looking up the code for this...

Can you guess which one is the image and which one is made of code?

[jhey ʕ•ᴥ•ʔ @jh3yy]

Reflective CSS Text Concept ✨

A little bit of clip-path and mask-image to the rescue here 😎

Powered by custom properties, naturally 💪

👉 https://t.co/5wFXiTtumZ via @CodePen

[Ariel Rodriguez @Ariel_Rodriguez]

@sipping4cast @cassidoo Thanks, @sipping4cast. Cleaner approach I agree. Thanks for the tip!

[Ariel Rodriguez @Ariel_Rodriguez]

@cassidoo - Interview question of the week.
Given an array of objects A, and an array of indexes B, reorder the objects in array A with the given indexes in array B. Perfect use case for Array.reduce right? 👇

[Colby Fayock @colbyfayock]

I originally wrote the article for this video 6mo ago

Sat on it for a while thinking it repeated too much of my existing tutorials

But I'm loving to see people finding it so helpful

This one almost didnt even make it out 😅

https://t.co/QsHvMGtaV4

[Kass 🦈 @KassandraSanch]

HTML & CSS @Xbox Controller
Code here: https://t.co/veSoYUcPYT

[Stephanie Eckles @5t3ph]

Psst - less than a week left to register for my "Level-Up With CSS" workshop!

https://t.co/FKaWEzKfBS

⁉️ What questions do you have about taking it?

👩‍💻 Students - DM me your school email for a discount!

[Adam Argyle @argyleink]

Explode A Node!
an interactive CSS box model experience 🤓

source on @CodePen - https://t.co/V0bPuLa8m0

[Ariel Rodriguez @Ariel_Rodriguez]

Here's part 2 of my Array.reduce series.

Practical uses for Array.reduce()
{ by Ariel Rodriguez } from @hashnode

#javascript #webdevelopment #arraymethods https://t.co/QbNFV2wpQF

[Ariel Rodriguez @Ariel_Rodriguez]

Check out "What is a Closure?" https://t.co/aXv1FcsgZm via @kyleshevlin

[Aaron Iker ✨ @aaroniker]

Feedback reactions (CSS, No JS)

@CodePen https://t.co/0tfkR2PccE

[Ariel Rodriguez @Ariel_Rodriguez]

@tdesseyn She’s getting there 😂

[Ariel Rodriguez @Ariel_Rodriguez]

A friend in HR helped me prep for a tech interview I have next week. I took notes on graph paper notebook w/ a mechanical ✏️. My daughter took my notebook & erased my notes so she could practice the letter "b" - I've never been so proud and disappointed @tdesseyn #DEVCommunity

[LaurenChil @LaurenChil]

Loving this interview series @kyradurko is doing! Check out this chat with the CFO of @cartainc, @CKevers on Frameworks & Tools for Comp Mgmt ⚡️💻

[jhey ʕ•ᴥ•ʔ @jh3yy]

3D CSS Audience Spotlight 🤦‍♂️

A quick late one for the CodePen challenge!

😎 Use "Alt/Opt" to toggle the spotlight 🔦
⚒️ Built with emojis and scoped CSS variables
👉 https://t.co/0jTjKANTta via @CodePen

[Ahmad Shadeed @shadeed9]

✍️ New Article: CSS Container Query Units

I wrote an article explaining how the new CSS query units work, where and why we can use them, along some examples and use cases. Happy reading!

🔗 https://t.co/tbeW7gRWt1

[Ariel Rodriguez @Ariel_Rodriguez]

As promised.

Adding a bit of whimsy for better user engagement.
{ by Ariel Rodriguez } from @hashnode

#reactjs #styledcomponents #css #cssanimation #xstate https://t.co/LjYI27xSpZ

[Hashnode @hashnode]

State machines & building a component!

As @Ariel_Rodriguez says, there is a learning curve 😅, but it worths it.

Thinking about your logic before you build out your components leads to fewer bugs and predictable visual states.

#hashnode #devcommunity

https://t.co/odtX2azNxR

[Ariel Rodriguez @Ariel_Rodriguez]

I'm writing a series on adding subtle animations and transitions to your web apps for a more polished feel. A little whimsy never hurts.

Repo👇🏼
https://t.co/ynYS5xEVXA

#react #css #xstate