Devtales Podcast

066: CSS min() max() clamp(), Web Vitals From Google, Twitter CSS

Informações:

Synopsis

Tartsatok velünk a 66. adásban is, ahol olyan újabb varázslatok kerültek elő CSS boszorkánykonyhájából, mint például a clamp(). Mérhetővé vált a konverzió és az oldal performance kapcsolata, erre mutatunk eszközt. Végül kicsit a twitter furcsa megoldásait is boncolgattuk. Résztvevők: Edu Tibi Róka Tartalom: 00:00:00 Intro 00:00:46 CSS min max clamp 00:06:42 Figma + Zeplin 00:10:47 CSS Line Clamp 00:16:03 Web Vitals 00:29:26 Twitter CSS Zeplin + Figma, redesigned from scratch - https://blog.zeplin.io/zeplin-figma-redesigned-from-scratch-2e448c95c3d4 Zeplin Plugin for Figma - https://www.figma.com/community/plugin/745330164019088593/Zeplin Introducing Web Vitals: essential metrics for a healthy site - https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html Pure CSS for multiline truncation with ellipsis - http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/ Line Clamp - https://caniuse.com/#search=-webkit-line-clamp Hallgasáto