CSS trick to dynamically reduce the line-height as the font-size grows, large texts need condensed line-height

A Vuepress theme for API docs by sqrtthree 👉️ - madewithvuejs.com/vuepress-api-t…

Единственный кейс, в котором я разрешаю вам делать .forEach в #javascript, но лучше вообще забыть про .forEach в пользу for..of

CSS Scroll Snap: bit.ly/scroll-snap ~ lock the viewport to certain elements after the user finishes scrolling. Ace for advanced interactions. Also see bit.ly/csssnap to learn more. h/t Adam Argyle @una @maxkoehler

💎 All (42) CSS Shorthand Properties

Cross-browser scrollbar plugin by @pascalduez postcss-scrollbar adds ::-webkit-scrollbar-* rules according to standard scrollbar-color/scrollbar-width properties to make them work in Chrome/Safari and old Edge (Firefox support standard properties). github.com/pascalduez/pos…

The CSS Overview in Chrome DevTools is great. Nice summary of the colors, contrast issues, fonts, media queries & more in a page.

CSS Tip 💡 You can create text portrait using 2 lines of CSS. Code👇 Output👇

🔥 It can be really hard to keep user generated content looking clean and balanced if you aren’t careful about how you present it. Here are some tricks you can use to “normalize” content you don’t control into a really great looking design.

The only CSS Flexbox cheatsheet you need. 💯 ✅ With an interactive web app to learn. see comments 👇

#PHP & #Docker Tip: Add Composer to a Docker Image using the official Docker Hub Composer image and Multi-stage builds. I don't know why I didn't think of this before. Glad that I have, now.

⭐️Let us make a Circular Avatar with top Notification using CSS positions properties.

🔥 Composer can do more than requiring packages. Here are some commands I regularly use. - `composer outdated` (shows outdated packages) - `composer show` (shows all installed packages, -t as tree) - `composer why / why-not` (tells you why it depends (or not) on another package

CSS Media Queries in one shot 🔥

Performance tip: do you know about `overflow: clip`? It is a modern alternative to `overflow: hidden` with better performance

Composer 2.3 is ready to be released and we need your help testing it! 🎉 It's easy: composer self-update --preview 🚀 Thanks 😀#composerphp #phpc

Quick HTML tip: I just discovered that `li` elements support a `value` attribute to configure the start of an ordered list.

How do Nike and Apple make such smooth and touch friendly carousels with pure CSS? /* tl;dr */ .carousel { scroll-snap-type: x mandatory; } .carousel .item { scroll-snap-align: start; } More detail 👇

Here's a more full example with dots you can click on to scroll to an item with just a couple lines of JS using element.scrollIntoView() Same trick could power next/prev buttons too jsfiddle.net/L1cs6gt5/3/

Design Patterns for writing better code