Johnny Seyd

founder & CTO @StylersCloud

[Stano Kucharik @stanokucharik]

I love how https://t.co/gnHYNXQXRP offers you different levels of depth into which you want to go in terms of accessibility research/understanding.

The Quick Wins section is a must-read for every web developer.

Thanks to https://t.co/n3nkNXpQRM & @JoshWComeau for the resource!

[Johnny Seyd @CSSeyd]

@paulg

[Rösëmäry Mwändämbö🌹 @Samajhibhaa]

It's CSS style 😀😀.
I've enjoyed this a lot

👇👇👇👇👇👇👇👇

#100DaysOfCode #WomenWhoCode
#womenintech
#CSS
#webdevelopment
#MachineLearning
#coder
#CodeNewbies

[Elad Shechter @eladsc]

😍 Did you know that with #CSS Grid, you can declare the same height for all the rows according to the highest row?!

@CodePen:
https://t.co/3s6VfmMtWO

Thanks @leac for this great info🙂

[Johnny Seyd @CSSeyd]

@davidwalshblog Great! The pseudo class would help too.
I would like to have also something like :in-view pseudo class.

[David Walsh @davidwalshblog]

How to Detect When a Sticky Element Gets Pinned https://t.co/nF6Yu4iNhp #javascript #css

[Adam Argyle @argyleink]

need a horizontal scrollview in #CSS?
here's some props to know!

`overflow`
what do you do when children are bigger than you?

iOS overflow: 😅

`scroll-behavior`
jump or animate to anchors

`overscroll-behavior`
when scrolling beyond this scrollview, allow or capture events

[CSS-Tricks @css]

A Complete Guide to CSS Media Queries, courtesy of @andresgalante who did an incredible amount of work on it. https://t.co/Wa4xpFXCMH

[Una 🇺🇦 @Una]

It's #internationalPodcastDay!

Check out @toolsday and the #CSSPodcast to fill your ears with the sound of me talking about web development!

https://t.co/MHylxF9V0F
https://t.co/HuJckDWc1J

[Adam Argyle @argyleink]

```#CSS
width: calc(50% - 2ch);
min-width: 20ch;
max-width: 70ch;
```
OR
```
width: clamp(20ch, 50% - 2ch, 70ch);
```

aka: optimally half the page minus some space.. but cap it at a healthy reading count of 70 characters while never under 20ch!

play 👉 https://t.co/JnstXKEs1u

[Johnny Seyd @CSSeyd]

@argyleink Nice tester for your current device and also all devices overview for these media queries:
https://t.co/ENa3LR2fwU

[Adam Argyle @argyleink]

there's a plugin to combine media queries and a plugin to extract media queries to files.. BUT 🤓 I haven't seen a plugin (share!?) that combines `:hover` styles to files so:

<link media="(hover: hover)" href="..." />

https://t.co/TTAY7a9Gwa

mobile browsers would appreciate it

[CSS-Tricks @css]

Linearly Scale font-size with CSS clamp() Based on the Viewport by @pprg1996 https://t.co/P1C0mred3F

[Johnny Seyd @CSSeyd]

Most painful is CSS Layout & styling 😅

[MDN Web Docs @MozDevNet]

It's finally here - the new MDN Browser Compatibility Report. 🎉🎉

The report is a deeper dive into issues, attempting to identify specific issues causing a lot of frustration and what could be done to improve the situation.

📖Read the report here: https://t.co/YXsUeKT3xs

[Chris Heilmann codepo8.bsky.social @codepo8]

👉🏻 “Custom CSS Styles for Form Inputs and Textareas”

🔗 https://t.co/bUQWGDDk4a

by @5t3ph

[Ahmad Shadeed @shadeed9]

✏️ New Article: Finding The Root Cause of a CSS Bug

I wrote about the importance of finding the root cause of a CSS bug. The article includes different CSS bugs and how to solve them properly from the ground up.

🔗 https://t.co/9FSk7jSZUY

[Johnny Seyd @CSSeyd]

Getting to know people with a different opinion than yours is extremely enriching, it can even help you mature your opinion faster.

[Johnny Seyd @CSSeyd]

Thought: "If you only enjoy people who have the same opinion as you it means you believe in absolute truth (and you are afraid that you can be wrong)."

[Johnny Seyd @CSSeyd]

ztext.js makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space.

[CSS-Tricks @css]

ztext.js https://t.co/ezirJFAA5v