S01E13 - E-mail Styling, Variable Fonts En Nieuwe CSS Features Pixel Paranoia The UX podcast

Artwork

Tech Pixel Paranoia

Inhoud geleverd door Pixel Paranoia. Alle podcastinhoud, inclusief afleveringen, afbeeldingen en podcastbeschrijvingen, wordt rechtstreeks geüpload en geleverd door Pixel Paranoia of hun podcastplatformpartner. Als u denkt dat iemand uw auteursrechtelijk beschermde werk zonder uw toestemming gebruikt, kunt u het hier beschreven proces https://nl.player.fm/legal volgen.

Pixel Paranoia the UX Podcast « »
S01E13 - E-mail styling, Variable fonts en nieuwe CSS features

3y ago 1:02:10

Delen

MP3•Thuis aflevering

Inhoud geleverd door Pixel Paranoia. Alle podcastinhoud, inclusief afleveringen, afbeeldingen en podcastbeschrijvingen, wordt rechtstreeks geüpload en geleverd door Pixel Paranoia of hun podcastplatformpartner. Als u denkt dat iemand uw auteursrechtelijk beschermde werk zonder uw toestemming gebruikt, kunt u het hier beschreven proces https://nl.player.fm/legal volgen.

In deze aflevering hebben we het over twee tools die erg handig zijn bij het stylen van e-mailtemplates, de werking van variable fonts in combinatie met het prachtige Lexend lettertype en last but not least, een hele bak handige/toffe nieuwe CSS features!

1:03 - E-mail styling met HEML en MJML - https://heml.io, https://mjml.io
6:58 - Variable font - https://youtu.be/0AsAjHPupKQ?t=1643
10:03 - Lexend - https://www.lexend.com
15:30 - @layer - https://www.w3.org/TR/css-cascade-5/#at-ruledef-layer
19:20 - @container - https://css-tricks.com/next-gen-css-container/
22:11 - Masonry grid - https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
24:59 - content-visibility - https://web.dev/content-visibility/
29:50 - aspect-ratio - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio
29:50 - ::marker - https://developer.mozilla.org/en-US/docs/Web/CSS/::marker
34:27 - focus-visible - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
34:39 - focus-within - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
38:14 - Logical properties - https://css-tricks.com/css-logical-properties/
47:14 - :is() - https://css-tricks.com/almanac/selectors/i/is/
47:15 - :where() - https://css-tricks.com/almanac/selectors/w/where/
55:12 - Wormhole - https://wormhole.app
55:41 - The Circle (US) - https://www.netflix.com/nl-en/title/81044551

… continue reading

69 afleveringen

#Tech #Pixel Paranoia

Artwork

S01E13 - E-mail styling, Variable fonts en nieuwe CSS features

Pixel Paranoia the UX Podcast

published 3y ago

Delen

MP3•Thuis aflevering

Inhoud geleverd door Pixel Paranoia. Alle podcastinhoud, inclusief afleveringen, afbeeldingen en podcastbeschrijvingen, wordt rechtstreeks geüpload en geleverd door Pixel Paranoia of hun podcastplatformpartner. Als u denkt dat iemand uw auteursrechtelijk beschermde werk zonder uw toestemming gebruikt, kunt u het hier beschreven proces https://nl.player.fm/legal volgen.

In deze aflevering hebben we het over twee tools die erg handig zijn bij het stylen van e-mailtemplates, de werking van variable fonts in combinatie met het prachtige Lexend lettertype en last but not least, een hele bak handige/toffe nieuwe CSS features!

1:03 - E-mail styling met HEML en MJML - https://heml.io, https://mjml.io
6:58 - Variable font - https://youtu.be/0AsAjHPupKQ?t=1643
10:03 - Lexend - https://www.lexend.com
15:30 - @layer - https://www.w3.org/TR/css-cascade-5/#at-ruledef-layer
19:20 - @container - https://css-tricks.com/next-gen-css-container/
22:11 - Masonry grid - https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
24:59 - content-visibility - https://web.dev/content-visibility/
29:50 - aspect-ratio - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio
29:50 - ::marker - https://developer.mozilla.org/en-US/docs/Web/CSS/::marker
34:27 - focus-visible - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
34:39 - focus-within - https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
38:14 - Logical properties - https://css-tricks.com/css-logical-properties/
47:14 - :is() - https://css-tricks.com/almanac/selectors/i/is/
47:15 - :where() - https://css-tricks.com/almanac/selectors/w/where/
55:12 - Wormhole - https://wormhole.app
55:41 - The Circle (US) - https://www.netflix.com/nl-en/title/81044551

… continue reading

69 afleveringen

#Tech #Pixel Paranoia

Alle afleveringen

×

Welkom op Player FM!

Player FM scant het web op podcasts van hoge kwaliteit waarvan u nu kunt genieten. Het is de beste podcast-app en werkt op Android, iPhone en internet. Aanmelden om abonnementen op verschillende apparaten te synchroniseren.

Luister naar 500+ onderwerpen