In a great twist of web compat fate, this exact set of properties now actually works to do multiple-line truncation in a fairly well supported way.
css-tricks.com/almanac/proper…
00:00
CSS-Tricks
12.1K posts
CSS-Tricks
@css
Joined April 2011
- Well that's impressive and dang useful. remove.bg Cool URL too. (Remove Image Background 100% automatically – in 5 seconds – without a single click)
- Is this JavaScript watching the size and inserting burgers? codepen.io/thewizardjs/pe… NOPE! It's CSS's `background-repeat: round;` repeating as it has the space to. Cool demo, @TheWizardJS
00:00 - The ultimate guide to proper use of animation in UX :: uxdesign.cc/the-ultimate-g… (The animations in this article are quite the masterclass in explaining concepts!)
GIF - * { outline: 1px solid red; } is a nice debugging trick to quickly understanding page structure. But it's no * { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } + more dev.to/gajus/my-favor…
- For all the end-of-year lists coming... before you give up and do: <p>10. </p> <p>9. </p> Remember you can do: <ol reversed> <li>Highest number in list</li> <li>Second highest</li> <li>etc...
- startsWith() endsWith() includes() slice() toUpperCase() toLowerCase() charAt() split() replace() repeat() buff.ly/2L5Ye02
- free-for.dev (A big list of tools that have free tiers.)
- Animate CSS Grid: github.com/aholachek/anim… > This small script makes it easy to make sure your CSS grid transitions gracefully from one state to another. (Using FLIP!)
00:00 - A radial gradient, background-attachment: local, and scrolling is one of the all-time great CSS tricks. 💚 smashingmagazine.com/2019/01/table-…
00:00
