Web Dev Tips

Tips for web developers.

[Web Dev Tips @webdevtips]

I have permanently moved to https://t.co/zZXziqIHDV.

[#PerfMatters @perfmattersconf]

Why is anyone paying attention to Elon Musk? Please stop.

Paying attention to undeserving, uninteresting wealthy sociopaths is what got us into this mess. Learn from your mistakes instead of repeating them.

[Web Dev Tips @webdevtips]

@rachelnabors I hope you're doing better and that you get all your energy back soon.

[Web Dev Tips @webdevtips]

@troutgirl @slightlylate @mozilla That's Opera you're thinking about. They've gone full crypto.
Mozilla, unlike Opera, is still working on their browser, but they are indeed more focused on diversifying their revenue stream than they are about saving the open web. It's such a shame.

[Web Dev Tips @webdevtips]

@simevidas @m_ott @KeyframeS This is not to spec. I came up with this hack a long time ago, but the cascade is now transforms, important, animation, normal, with FF not supporting the animation hack and it no longer working in Safari: https://t.co/Ofyy9QqIA0 - slide 14 (it's a JS-free deck so click thru)

[Web Dev Tips @webdevtips]

@simevidas @KeyframeS later in the source code (in the same selector, or a repeat):
#foo { /* 1-0-0 */
color: red !important;
color: green !important;
}

Change the color via a filter:
#foo {
color: red !important;
filter: hue-rotate(180deg);
}

Inline:
<div id="foo" style="color: green;">

[Web Dev Tips @webdevtips]

@simevidas #foo:nth-of-type(n) { /* specificity: 1-1-0 */
color: blue !important;
}
#foo#foo { /* 2-0-0 */
color: green !important;
}
@keyframes y {
100% {color: yellow;}
}
#foo { animation: y forwards;} /* not to spec, but works in some browsers */

[Web Dev Tips @webdevtips]

@rachelnabors Oh, perty! I totally want to make that cake.

[Web Dev Tips @webdevtips]

@DanShappir @perfmattersconf I'm over 50 too. Still trying to figure out if that makes me underrepresented or just cranky

[Web Dev Tips @webdevtips]

@braposo @DSLconf Do you realize only white men are quoted in your talk, and the one time you kind of quoted a woman, you did so thru a man’s tweet (slide #27)? There are a lot of POC and other women working in design systems. A lot. Help lift them up. Thanks for your consideration.

[Web Dev Tips @webdevtips]

@GRC_HumanRights Can you have your web developer or whoever posts articles and images to https://t.co/8QIqfirOh3 DM me, please. I need to ask them a few questions. Thanks.

[Web Dev Tips @webdevtips]

@rachelnabors @hj_chen I'll be at CDS too.

[Web Dev Tips @webdevtips]

@bostonpolice Time to fire him. He's a menace and a threat to public safety.

[Web Dev Tips @webdevtips]

@RedCross Are we able to donate blood if we had hepatitis-A last century? Back then people who had Hep A in the past couldn't donate. Wondering if that has changed.

[Web Dev Tips @webdevtips]

@rodzajowo Yay! That is so awesome to hear. Super happy for you. She'll get unconfused and even more supportive soon. It can take a little time, but she started with the right response. It only gets better from here.

[Web Dev Tips @webdevtips]

@rodzajowo They actually over-engineered it. You don't need that much support, but it doesn't hurt to have extra. It can hold over a ton.

[Web Dev Tips @webdevtips]

@kylealden I ordered batteries. Apparently from Lithuania. They're the right number but wrong size. Shipping is also more than what I paid for them. Thanks eBay.

[Web Dev Tips @webdevtips]

@rachelnabors But it says right there on the label "America's Favorite Popcorn", so you have to eat it in America!

[Web Dev Tips @webdevtips]

@FastCompany @PeteButtigieg I still don't see an apology or correction. @MinaMarkham and @HillaryClinton deserve the credit for the innovation and an apology for erasing herstory, and your readers deserve a correction instead of misinformation.

[Web Dev Tips @webdevtips]

@sundress https://t.co/HPw2lM6Lb3 More things you didn't know you didn't want.

That site is a poopmine of expensive crap.