Lépjen offline állapotba az Player FM alkalmazással!
066: CSS min() max() clamp(), Web Vitals From Google, Twitter CSS
Manage episode 262945401 series 2312115
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
- 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ásokGoogle 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
236 epizódok
Manage episode 262945401 series 2312115
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
- 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ásokGoogle 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
236 epizódok
Minden epizód
×Üdvözlünk a Player FM-nél!
A Player FM lejátszó az internetet böngészi a kiváló minőségű podcastok után, hogy ön élvezhesse azokat. Ez a legjobb podcast-alkalmazás, Androidon, iPhone-on és a weben is működik. Jelentkezzen be az feliratkozások szinkronizálásához az eszközök között.