Diana R

Front-end developer, designer, geek, tea lover, weirdo, film shooter

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

Each time we build a field validation from scratch, accessibility doesn’t come out of the box.

↬ @a_sandrina_p breaks down what we need to take into consideration so that nobody gets stuck on an inaccessible invalid field: https://t.co/S1ov2XjiGx

[CSS-Tricks @css]

Tricks to Cut Corners Using CSS Mask and Clip-Path Properties by @ChallengesCss https://t.co/xMtrOTwiKF

[Diana R @ifCodethen]

@Codecademy Any discount coming soon @Codecademy 🙏? Black Friday ☺️

[Adam Argyle @argyleink]

CSS Gradient Shadow 😎

A pseudo-element, sized and positioned within the container, offset + scaled with transforms, then blurred with filters

demo https://t.co/A1QMxyMap4

[Diana R @ifCodethen]

@SaisukeMutsu Já vi em notícias
Basta procurares

[Diana R @ifCodethen]

@SaisukeMutsu https://t.co/RIjhdyVAVv

[Diana R @ifCodethen]

@_youhadonejob1 A bit different

[Diana R @ifCodethen]

@michaeldambold Ahahah she's on her back. All you see is her tummy :)
Here's another

[Noah Bradley @noahbradley]

I know it can be "uncool" for an artist to like their own work, but damnit, I'm proud of my latest personal pieces

[Diana R @ifCodethen]

@michaeldambold

[Wes Bos @wesbos]

Hi Folks - I know a lot of you are stuck at home right now so I've put all my paid courses on 50% off. It's a bit of a weird reason to have a sale, but I hope it help you stay productive during this time. Stay well!

https://t.co/6tdGAM6JId

[Sara Soueidan is on Bluesky @SaraSoueidan]

Anothet fantastic article by @kilianvalkhof in which he breaks down, step-by-step, how #CSS Flexbox distributes space among its children resulting in a media query-less, fully responsive form layout:

https://t.co/7P0yquZGjR

💯💯

[Stefan Judis @stefanjudis]

Because I always forget that `addEventListener` has more config options these days, I spend some time making a #devsheet out of it. 🙈

👇 Config options of `addEventListener`.

#devsheets

[Addy Osmani @addyosmani]

My lessons from the decade:

* You never stop learning
* You can't know everything
* Failure is healthy & helps us grow
* Your biggest competition is yourself
* Communication is key in life & work
* Be kind & empathize with others
* Value friends & family
* Get enough sleep :)

[jhey ʕ•ᴥ•ʔ @jh3yy]

Eek! My first post on @ThePracticalDev 😎 Find out how to make this CSS Glitchy Text Reveal in 3 minutes 💪 It's powered by scoped CSS variables https://t.co/9w6dMetRPP #100DaysOfCode #webdev #webdesign #codenewbies #design #creative #animation #HTML #CSS #webdeveloper #coding

[Cassie Evans @cassiecodes]

Well. That was fun!

💜 Thank you everyone who’s been supportive leading up to this.

➡️ Slides here - https://t.co/ospMubO4Mk

🌈 Send me your creations! I’d love to see them.

#CSSCamp

[Steve Gardner @steeevg]

It's a new year and I'm looking for a new adventure in Canada! 🇨🇦 If anyone is in need of a creative developer preferably in British Columbia (but anywhere really) then please get in touch. I'd be very grateful for any retweets. Here's my portfolio https://t.co/PQnLPskO8f

[Adam Argyle @argyleink]

#CSS

:is() selector 🎉
the successor to :any() and :matches()

sneak peak into our talk, here's a neat gif I made with XD showing what the :is() selector syntax can do. be excited for Chrome Dev Summit y'all!

https://t.co/0r2CcUx9Hv

[Stefan Judis @stefanjudis]

May I introduce: @tinyhelpersdev – https://t.co/NUoIhm7DBc.

Because I never find the proper tools when I need them I started collecting useful single-purpose online tools that are useful for web devs & I'll keep adding tools. 😊🙈

I share my favorite ones below in a thread. 🧵