Chris Coyier

@chriscoyier@front-end.social
7.5K Followers
472 Following
1.6K Posts
Ugjkagk i love the Microsoft Design blog header.
Google Translate does NOT put `dir="rtl"` onto the whole document when it's translated into an RTL language. But it does give `translated-rtl` as a class where YOU could do that. Should we be? Like is my layout-flipped site better that way for an Arabic reader?
if I was a designer at datastax, knowing this is the logo, i would put battlestar galactica corners on absolutely every shit. hard design system guideline.

Seems like one browser is right and one browser is wrong here, I'm just not sure which it is and it's annoying.

(Situation: if a child element has `z-index: -1` on it, that puts the element behind the parent in Chrome & Firefox. It stays on top in Safari. But this only happens if inside of a "container".)

Demo https://cdpn.io/pen/debug/KwPmYrJ

z-index bug on iOS?

Here's another one with more complex grid changes.

https://codepen.io/chriscoyier/pen/YPKqqaV?editors=1100

You Win - Scroll Driven Animations - Different Take

...

Oh, just having a little scroll-driven morning.

https://codepen.io/chriscoyier/pen/zxOqqpx?editors=1100

Here's Johnny - Scroll Driven Animations

...

Super cool interactive widget on Toni Lijic's site.

https://www.toni.li/

Toni Lijic, Designer

A software designer with a scientific background who loves building random whimsical things, cycling and anything orange.

I didn't ask for this plugin. It was literally stolen by Automattic and now is on my sites just by virtue of upgrading versions. Ostensibly it was about a security issue which was patched. That same week there was a security patch in Jetpack too. The pettiness just astounds me and I'm still completely turned off by all this.

Every time I restart my computer I don't have internet, and I have to come into this setting and delete the DNS server (or replace it).

Anyone know what's up with that?

Well that's a nifty responsive design trick.
https://css-tricks.com/fluid-everything-else/
Fluid Everything Else | CSS-Tricks

We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.

CSS-Tricks