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

43:07
 
Megosztás
 

Manage episode 262945401 series 2312115
A sorozat szerzője: Shiwaforce.com, akit a Player FM és a Player FM-közösség fedezett fel. A szerzői jogok tulajdonosa a kiadó, nem a Player FM, és a hangfájlt a kiadó osztja meg közvetlenül a saját szerveréről. A frissítések nyomonkövetéséhez koppints a Feliratkozás gombra, vagy másold be a feed URL-t egy másik podcast-appra.

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

97 epizódok