_miriam-suzanne-on-dynamic-css-at-smashingconf-sf-2019.jpg "Miriam Suzanne on Dynamic CSS at SmashingConf SF 2019 from box shadow css Video Screenshot Preview")
GalleryPlay Video:
(Note: The default playback of the video is HD VERSION. If your browser is buffering the video slowly, please play the REGULAR MP4 VERSION or Open The Video below for better experience. Thank you!)
⏲ Duration: 30 min 85 sec
✓ Published: 20-Apr-2019
✓ Published: 20-Apr-2019
Description:
CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.nnBasics for understanding Custom Properties & Calc().nPractical examples and use-cases for data-infused design.nIntegrating with CSS Grids to build layouts on-the-fly.
CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.nnBasics for understanding Custom Properties & Calc().nPractical examples and use-cases for data-infused design.nIntegrating with CSS Grids to build layouts on-the-fly.
Share with your friends:
Whatsapp | Viber | Telegram | Line | SMS
Email | Twitter | Reddit | Tumblr | Pinterest
_css-box-shadow-tutorial-the-basics.webp "Kevin Powell")
_assassin39s-creed-shadows-trailer-d39annonce.webp "Assassin's Creed Shadows - Trailer d'annonce from box shadow css")
_css-tutorial-for-beginners-50-box-shadow.webp "Net Ninja")
_mastering-in-css3-box-shadow-from-beginner-to-expert.webp "Online Tutorials")
_css-shadow-effects-box-shadow-ampamp-text-shadow-124124-episode-22.webp "CodeHelp - by Babbar")
_css-box-shadow.webp "Steve Griffith - Prof3ssorSt3v3")
_meagan-fisher-124-creating-lifelike-designs-with-css3-124-fronteers-2010.webp "CSS3 allows us to make designs feel like part of the natural world; with the organic curves of border radius, the subtle lighting effects of box-shadow, and the gentle glow of text-shadow, websites can feel more lifelike than ever. CSS3 animations and transitions add a new dimension of character to the experience of using a site, and multiple background images allow for rich textures. In my talk, I'll explain how you can use CSS3 techniques to make your designs jump off the screen.")
_learn-css-shadows-in-3-minutes.webp "Bro Code")
_css-box-shadow-tutorial-the-basics.jpg)
_assassin39s-creed-shadows-trailer-d39annonce.jpg)
_css-tutorial-for-beginners-50-box-shadow.jpg)
_mastering-in-css3-box-shadow-from-beginner-to-expert.jpg)
_css-shadow-effects-box-shadow-ampamp-text-shadow-124124-episode-22.jpg)
_css-box-shadow.jpg)
_meagan-fisher-124-creating-lifelike-designs-with-css3-124-fronteers-2010.jpg)
_learn-css-shadows-in-3-minutes.jpg)
![[+]](/images/menu.gif){kind=small}