066: CSS min() max() clamp(), Web Vitals From Google, Twitter CSS
May 26. | 43 perc
Shiwaforce.com
Oktatás
Technológia
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átok friss adások
Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s
Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2
CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470
Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d
Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt
YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA
RSS - https://devtales.shiwaforce.com/feed/podcast
Facebook - https://www.facebook.com/groups/devtales
Twitter - https://twitter.com/_devtales
Slack - https://devtalespodcast.slack.com
Email - devtales@shiwaforce.com
Tovább a podcast oldalára