Jennifer Culp

Software engineer, UX designer, mtb cyclist, modern day renaissance woman...or just a short attention span ☯ 👩🏻‍💻 (she/her)

[Jennifer Culp @JustJenFelice]

To my followers:
if you're here for development insight, references et al, I'll do my best to still provide that to you & hope to be back to normal tweeting. However, as a white person in the U.S., I need to exercise my privilege to help stop this violence #BlackLivesMatter

[Jennifer Culp @JustJenFelice]

@e18e_dev Might wanna check that cert

[Jennifer Culp @JustJenFelice]

Thank you IT support folks.

Take a deep breath, just keep swimming. We'll get through this.

[Stephanie Rewis @stefsull]

Howdy. We’re trying to help our friend that’s been disabled by two separate injuries stay in her home. The CRPS in her dominant hand is a huge problem that requires treatment. It has made it impossible for her to do rapid typing — a huge part of her job.

https://t.co/zaEbqgzGKI

[Adam Argyle @argyleink]

converted a JS physics solver into CSS thanks to sqrt(), exp(), sin(), cos() and @property

https://t.co/xMHc66koQ1

[Sara Soueidan is on Bluesky @SaraSoueidan]

"The Cascade is a member supported blog about the past, present, and future of #CSS."

🔗 https://t.co/aG2e6AJeRS

—
My favorite thing about it might be the URL. =D

[Jennifer Culp @JustJenFelice]

Real question:

Why don't CS programs teach CSS? They are doing their graduates *such* a disservice.

[Jennifer Culp @JustJenFelice]

This thread 👏👏👏

[jhey ʕ•ᴥ•ʔ @jh3yy]

Design Engineering is wasted if groups of your users are neglected.

Nail the function.

Then refine the aesthetics.

[Kevin Powell @KevinJPowell]

I've just put out a new video! @scope is coming to CSS and it's *amazing* 🤯 https://t.co/hg5QLNFxNs

[CSS-Tricks @css]

👋👋👋 We've missed you!
https://t.co/573HawLR0D

[Maximiliano Firtman @firt]

If you have a web app and customers from EU, consider completing this survey to help in the Apple decision to remove PWA support on iOS👇

[Lea Verou, PhD @LeaVerou]

PSA: The @csswg just resolved to officially pursue work on native custom functions and mixins 🎉

[Jennifer Culp @JustJenFelice]

@LeaVerou Tooling. Tooling in JS land is *brutal*. Making testing of any kind work with linting/formatting and builds is terrible.

[Jennifer Culp @JustJenFelice]

Adam Argyle *always* FTW. Dang.

[Adam Argyle @argyleink]

Animates <table>
✅ row.remove()
✅ table.insertAdjacentHTML()

❤️‍🔥 special animation like the table is crushing a row out of existence hehe
✅ used devtools in the vid to slowmo the effect

viva View Transitions:
https://t.co/4VQQD4gmVd

src on Codepen:
https://t.co/9hdmGXHrGB

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🔮 (This one's close 🤏)

You can use "subgrid" to give child elements access to a parent's grid tracks 👀

This is great when you want to make sure content lines up 🙌 Check those cards 👇

article {
grid-row: span 4;
display: grid;
grid-template-rows: subgrid; 👈
}

In this example, article uses grid but makes use of the tracks defined by the parent layout container. That makes it easier to line up content within the cards 🙏

Cool thing is, we don't even need to define the rows in the parent. We use the implicit ones from the parent.

main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

This might be easier to understand with the video below that shows the grid tracks using DevTools and toggles subgrid on and off 🤙

@CodePen link below! 👇

[Jennifer Culp @JustJenFelice]

Hey @figma - really love that Dev Mode, but when we gonna get some degree of versioning? All these hacky work-arounds and duplicate files kinda break that Figma magic 🙏

[Adham Dannaway @AdhamDannaway]

🔥 Design Systems Resources

A collection of design system resources curated by @rominadesigner 👍

🔧 Tools
🔌 Plugins
⚙️ Design systems
📚 Libraries
🎙 Podcasts
▶️ Videos
📗 Books
🗣 Conferences

Link below 👇

#designsystems #design #uxui #uxdesign #ux

[Una 🇺🇦 @Una]

Stable today in Chrome 114 🎉:

🎁 CSS: text-wrap: balance
https://t.co/mvTBYZxsAc

🍿 HTML: popover API
https://t.co/LCNWobYJIg

⏱️ JS: scrollend event
https://t.co/0AvhkS1a61

🎥 Video:
https://t.co/0itohDvD5w

[MDN Web Docs @MozDevNet]

Are you a seasoned #WebDeveloper looking to level up your #CSS game? Dive into the #MDNBlogUpdate that explores the powerful :not() pseudo-class. Enhance your CSS skills and learn how to selectively style specific elements while excluding others. https://t.co/MLsTZw3IMn

[Good News Dog @goodnewsdog]

In 2012, a man was captured floating his dog to sleep in Lake Superior. His dog had developed severe arthritis and had weeks to live.

He responded by taking him to the lake every day to help ease the pain in his final days.

[Ahmad Shadeed @shadeed9]

✍️ Rebuilding a featured news section with modern CSS: Vox news

I took a look at Vox news featured section and explored how to rethink it with modern CSS in mind. That was fun and I learned a lot!

🔗 https://t.co/1hJHfjN9nc