Eliminating five top compatibility pain points on the web
https://css-tricks.com/eliminating-five-top-compatibility-pain-points-on-the-web/
Using New Gatsby Source WordPress Plugin by Ganesh Dahal
https://css-tricks.com/using-new-gatsby-source-wordpress-plugin/
Text That Sometimes Turns to Emojis
https://css-tricks.com/text-that-sometimes-turns-to-emojis/
The Almost-Complete Guide to Cumulative Layout Shift
https://css-tricks.com/the-almost-complete-guide-to-cumulative-layout-shift/
The Making (and Potential Benefits) of a CSS Font by Levi Szekeres
https://css-tricks.com/the-making-and-potential-benefits-of-a-css-font/
Still Hoping for Better Native Page Transitions
https://css-tricks.com/still-hoping-for-better-native-page-transitions/
Sticky Headers: 5 Ways to Make Them Better
https://css-tricks.com/sticky-headers-5-ways-to-make-them-better/
Here's @marianabeldi comparing seven ways to add a double border to SVG shapes — yes, seven!
https://css-tricks.com/how-to-add-a-double-border-to-svg-shapes/
Intrinsic Typography is the Future of Styling Text on the Web by @scottkellum
https://css-tricks.com/intrinsic-typography-is-the-future-of-styling-text-on-the-web/
Float an Element to the Bottom Corner
https://css-tricks.com/float-an-element-to-the-bottom-corner/
Creating an Editable Textarea That Supports Syntax-Highlighted Code
https://css-tricks.com/creating-an-editable-textarea-that-supports-syntax-highlighted-code/
Lots of a11y from from @simevidas in this week's news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a bare-bones snippet for web component style encapsulation.
https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/
Not Your Typical Horizontal Rules
https://css-tricks.com/not-your-typical-horizontal-rules/
Flash of inAccurate coloR Theme (FART)
https://css-tricks.com/flash-of-inaccurate-color-theme-fart/
"I have never seen employees more demoralized than when they’re unsure where their career is headed and whether their title/compensation is fair."
Excellent technical career and management advice from @sarah_edo
https://css-tricks.com/the-importance-of-career-laddering/
How to Build a FullStack Serverless HN Clone With Svelte and @fauna
https://css-tricks.com/how-to-build-a-fullstack-serverless-hn-clone-with-svelte-and-fauna/
RT Adam Argyle
typography and copy editing 🔥 tip
✅ word break with
<wbr/>
and/or
```html
<h1>
superlongword
</h1>
<h1>
super
<wbr/>
long
<wbr/>
word
</h1>
<h1>
superlongword
</h1>
```
try it!
learn more
https://codepen.io/argyleink/pen/vYgjVVx?editors=1100
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr
Generating (and Solving!) Sudokus in CSS
https://css-tricks.com/generating-and-solving-sudokus-in-css/
Building a Settings Component
https://css-tricks.com/building-a-settings-component/
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling by @jh3yy
https://css-tricks.com/going-meta-gsap-the-quest-for-perfect-infinite-scrolling/
