Chris Smith

Front-end web developer and team lead.
Please visit my personal blog to see my other online accounts.

[Chris Smith @chris22smith]

@unclebigbay143 It's a cool property. This stops the cursor interaction but a keyboard or screen reader user will still be able to use it. It's not really a substitute for a disabled property <input disabled>. I use it when I need the layer above to not block clicks or hover on the layer below.

[Chris Smith @chris22smith]

@martingarnett01 @NanouuSymeon appearance: none is quite a good way of removing all the default button styling in one go so you start with a blank canvas.

[Chris Smith @chris22smith]

@jonkantner @codepen
What's has happened to the longcat scroll pen, one of my all time favourites? It seems broken, or is it just for me?

https://t.co/mpGqvvBqFS

[Chris Smith @chris22smith]

@itskarolbrennan https://t.co/mayDx2dfsy 😍

[Chris Smith @chris22smith]

@Luisa_Donato There are occasionally days when I'd prefer to be a princess.

[Chris Smith @chris22smith]

@palashv2 Brilliant! 👏

[Chris Smith @chris22smith]

@cassiecodes @m_ott @eleven_ty Exactly this. It's a perfect balance of taking care of you without being a pushy parent.

[Chris Smith @chris22smith]

@earl_pappi That's what I've got. Didn't realise it was used in Tailwind. That's good to know. Suddenly feels a lot more common than I thought it was.

[Chris Smith @chris22smith]

@adircode Yes, that's what I've got, though they go from 50 to 950 with hundreds between. I wondered if there was a name for it, like weighted colour scale or something. Maybe not.

[Chris Smith @chris22smith]

@natmiletic Thanks very much, that's very helpful. I've nailed the performance side, need to add these touches.

[Chris Smith @chris22smith]

@natmiletic I'm out of touch with SEO since working on pages behind logins.

Would it still be worth doing an XML sitemap for a single page site?

Could you explain 6 and 10 further? Are these the same as permalinks and microformats?

Thanks.

[Chris Smith @chris22smith]

@ibn_Abubakre Yes, I think that's what I'd be aiming for - increased build complexity traded off against faster user rendering speeds.

It's almost like we'd need to run it through a headless browser and export the CSSOM then ship that.

[Chris Smith @chris22smith]

@mrsaeeddev Unless you define what you're measuring when you say "best", it's subjective, your favourite, so you can't really be wrong. Win win.😉 I love it too.

[Chris Smith @chris22smith]

@Malarkey @rachelandrew Or Clamp.

[Chris Smith @chris22smith]

@LastWordSword Oh yes, just no sense of scope.

[Chris Smith @chris22smith]

@chriscoyier @CodePen Yeah, it's the scrollbars (or lack of) that make it hard.

[Chris Smith @chris22smith]

@earl_pappi I like your thinking but I'm pretty sure that would be the same as a span in terms of styling. Probably better semantically though as it's decorative.

[Chris Smith @chris22smith]

@ChallengesCss That's awesome, does exactly what I need. Thank you very much!

[Chris Smith @chris22smith]

@robjrobbie I think sticky headers are useful when you want to keep nav or features like search available at all times. Headers scrolling out of view but becoming fixed when you start scrolling back up is quite a common pattern now - best of both worlds.