_meagan-fisher-124-creating-lifelike-designs-with-css3-124-fronteers-2010.jpg "Meagan Fisher | Creating lifelike designs with CSS3 | Fronteers 2010 from box using 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: 22 min 51 sec
✓ Published: 19-Oct-2010
✓ Published: 19-Oct-2010
Description:
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.
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.
Share with your friends:
Whatsapp | Viber | Telegram | Line | SMS
Email | Twitter | Reddit | Tumblr | Pinterest
Related Videos
_learn-css-margins-in-5-minutes.webp "Bro Code")
_10-css-pro-tips-code-this-not-that.webp "Fireship")
_bomb-girls-interactive-hd.webp "Bomb Girls Interactive is an HTML5 experience for the Global mini-series drama Bomb Girls, which profiles five women working in Canadian munitions factories during World War II. Users are immersed in a photorealistic world from the 1940s, exploring the show’s bomb factory, women’s rooming house and parlour room. By clicking on hotspots, users access an exclusive interview with a real-life bomb girl, archival photos, newspaper clippings, behind-the-scene set photos and exclusive video intervi")
_learn-flexbox-css-in-8-minutes.webp "Slaying The Dragon")
_css-box-model-and-using-float.webp "In this video you learn about the CSS box model and how to use the float property to place columns of content next to each other.")
_learn-css-animations-in-20-minutes-for-beginners.webp "Slaying The Dragon")
_stop-taking-programming-notes.webp "bigboxSWE")
_zoe-mickley-gillenwater-leveling-up-with-flexbox-smashingconf-oxford-2014.webp "By now, you’ve probably heard of “flexbox,” short for the CSS Flexible Box Layout module and the most fully developed and well supported of CSS3’s wide array of new layout mechanisms. Flexbox allows you to create fluid, responsive layouts without having to worry about crazy percentage grid widths, negative margins, float drop, and all those pesky CSS layout quirks we’ve dealt with for over a decade. But with cross-browser support still incomplete, you’ve probably relegated flexbox to")
⏲ 28 min 75 sec ✓ 25-May-2014
_learn-css-margins-in-5-minutes.jpg)
_10-css-pro-tips-code-this-not-that.jpg)
_bomb-girls-interactive-hd.jpg)
_learn-flexbox-css-in-8-minutes.jpg)
_css-box-model-and-using-float.jpg)
_learn-css-animations-in-20-minutes-for-beginners.jpg)
_stop-taking-programming-notes.jpg)
_zoe-mickley-gillenwater-leveling-up-with-flexbox-smashingconf-oxford-2014.jpg)
![[+]](/images/menu.gif){kind=small}