Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Originally from Minsk, Belarus, he studied computer science and mathematics in Germany where he has discovered his passion for typography, writing and design. After working as a freelancing designer and developer for 6 years, he co-founded Smashing Magazine, one of the largest online magazines dedicated to Web design and development. Vitaly is writer, co-author and editor of both Smashing Books. He is now working as the editor-in-chief of Smashing Magazine in the lovely city of Germany, Freiburg. https://speakerdeck.com/smashingmag 2011-10-11 17:05:57 -0400 We all are still trying to figure out just the right strategy for designing and buildings responsive websites just in time. We want to use all of these technologies, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time? In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, will be looking into some practical strategies for crafting fast, resilient and flexible responsive design systems by utilizing all of those wonderful shiny web technologies we have available today. We’ll also talk about dealing with legacy browsers and will cover a few dirty little techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come. We all are still trying to figure out just the right strategy for designing and buildings responsive websites just in time. We want to use all of these technologies, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time? In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, will be looking into some practical strategies for crafting fast, resilient and flexible responsive design systems by utilizing all of those wonderful shiny web technologies we have available today. We’ll also talk about dealing with legacy browsers and will cover a few dirty little techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come. Tue, 25 Apr 2017 00:00:00 -0400 https://speakerdeck.com/smashingmag/new-adventures-in-responsive-web-design https://speakerdeck.com/smashingmag/new-adventures-in-responsive-web-design Technology is there, but getting things done is often more difficult than it should be. Especially when it comes to art direction and data visualization, designers often struggle with crafting a consistently delightful experience across screens and platforms. In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, an online magazine for designers and developers, will look into the struggles, challenges and solutions designers come up with when dealing with images on the web. We’ll look into the state of art, design pattern on dealing with images — from maps to responsive iconography to data visualization — as well as recent innovations and how it all ties together in the complex responsive environment that we have to design for. Technology is there, but getting things done is often more difficult than it should be. Especially when it comes to art direction and data visualization, designers often struggle with crafting a consistently delightful experience across screens and platforms. In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, an online magazine for designers and developers, will look into the struggles, challenges and solutions designers come up with when dealing with images on the web. We’ll look into the state of art, design pattern on dealing with images — from maps to responsive iconography to data visualization — as well as recent innovations and how it all ties together in the complex responsive environment that we have to design for. Wed, 08 Mar 2017 00:00:00 -0500 https://speakerdeck.com/smashingmag/reaching-for-the-stars-why-images-matter https://speakerdeck.com/smashingmag/reaching-for-the-stars-why-images-matter Do you love CSS quantity selectors, too? Is your pattern library still up-to-date today, and how would you go around building one? Do you adjust web font styles based on the battery status? How do you optimize start render for important images and fonts? Have you ever tried to work around complex spongy tables, perfect responsive grids without orphans, and responsive, fluid type with CSS locks? Well, bring it on! In this talk, Vitaly Friedman — Editor-in-Chief of Smashing Magazine — highlights some of the practical front-end techniques and ideas. Beware: you might not be able to unsee some of the dirty tricks you'll see in this deck. Ready? Go! Want to play along? For every level, you can get at most 3 points. Read the question, think on how you would solve the problem, and check the solution. Calculate your score in the end. And thanks for playing! ;-) Do you love CSS quantity selectors, too? Is your pattern library still up-to-date today, and how would you go around building one? Do you adjust web font styles based on the battery status? How do you optimize start render for important images and fonts? Have you ever tried to work around complex spongy tables, perfect responsive grids without orphans, and responsive, fluid type with CSS locks? Well, bring it on! In this talk, Vitaly Friedman — Editor-in-Chief of Smashing Magazine — highlights some of the practical front-end techniques and ideas. Beware: you might not be able to unsee some of the dirty tricks you'll see in this deck. Ready? Go! Want to play along? For every level, you can get at most 3 points. Read the question, think on how you would solve the problem, and check the solution. Calculate your score in the end. And thanks for playing! ;-) Wed, 14 Dec 2016 00:00:00 -0500 https://speakerdeck.com/smashingmag/responsive-adventures-dirty-tricks-from-the-dark-corners-of-front-end https://speakerdeck.com/smashingmag/responsive-adventures-dirty-tricks-from-the-dark-corners-of-front-end Do you love the object tag, too? How do you feel about responsive image maps? Have you ever tried to work around complex tables, nasty carousels, endless country selectors and complex user interfaces? Well, let’s bring it on! In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, will present dirty practical techniques and clever ideas developed in actual real-life projects, and use many examples to illustrate how we can solve problems smarter and faster. Please take the techniques with a grain of salt. Beware: you will not be able to unlearn what you’ll learn in the session! Do you love the object tag, too? How do you feel about responsive image maps? Have you ever tried to work around complex tables, nasty carousels, endless country selectors and complex user interfaces? Well, let’s bring it on! In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, will present dirty practical techniques and clever ideas developed in actual real-life projects, and use many examples to illustrate how we can solve problems smarter and faster. Please take the techniques with a grain of salt. Beware: you will not be able to unlearn what you’ll learn in the session! Thu, 25 Aug 2016 00:00:00 -0400 https://speakerdeck.com/smashingmag/dirty-tricks-from-the-dark-corners-of-front-end https://speakerdeck.com/smashingmag/dirty-tricks-from-the-dark-corners-of-front-end When it comes to Web fonts, loading time can be quite a headache. A blank canvas with a few background colors and link underlines is what users usually see on websites, especially when the network connection is suboptimal. There are smart ways to improve web fonts performance and start rendering pages faster, without compromising on the quality of web typography. This talk covers a few strategies and a few practical techniques to deliver content faster, load web fonts faster and deal with them across both modern and legacy browsers in mobile and desktop devices. When it comes to Web fonts, loading time can be quite a headache. A blank canvas with a few background colors and link underlines is what users usually see on websites, especially when the network connection is suboptimal. There are smart ways to improve web fonts performance and start rendering pages faster, without compromising on the quality of web typography. This talk covers a few strategies and a few practical techniques to deliver content faster, load web fonts faster and deal with them across both modern and legacy browsers in mobile and desktop devices. Fri, 05 Jun 2015 00:00:00 -0400 https://speakerdeck.com/smashingmag/improving-web-fonts-performance https://speakerdeck.com/smashingmag/improving-web-fonts-performance After a decade and a half as a user experience professional, Jesse James Garrett has had more than his fair share of scrapes and bruises. In this presentation, Jesse reflects on what he's learned about what it really takes to deliver great UX work, from working with teams and managing stakeholders to breaking a creative rut and finding innovative solutions to design problems. After a decade and a half as a user experience professional, Jesse James Garrett has had more than his fair share of scrapes and bruises. In this presentation, Jesse reflects on what he's learned about what it really takes to deliver great UX work, from working with teams and managing stakeholders to breaking a creative rut and finding innovative solutions to design problems. Thu, 19 Jun 2014 00:00:00 -0400 https://speakerdeck.com/smashingmag/jesse-james-garrett-15-lessons-from-15-years-in-ux https://speakerdeck.com/smashingmag/jesse-james-garrett-15-lessons-from-15-years-in-ux In this talk, Jessica shared her design process, from initial sketch to polished vector art, explaining the tools, techniques and little fine rules of thumbs that she uses a lot when working on design projects. And Jessica was wearing Zeldman’s suit as well. No kidding. https://twitter.com/marcthiele/status/479255580000137216 In this talk, Jessica shared her design process, from initial sketch to polished vector art, explaining the tools, techniques and little fine rules of thumbs that she uses a lot when working on design projects. And Jessica was wearing Zeldman’s suit as well. No kidding. https://twitter.com/marcthiele/status/479255580000137216 Wed, 18 Jun 2014 00:00:00 -0400 https://speakerdeck.com/smashingmag/jessica-hische-sketch-to-screen-smashingconf-nyc-2014 https://speakerdeck.com/smashingmag/jessica-hische-sketch-to-screen-smashingconf-nyc-2014 Responsive Web design challenges Web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code. This talk provides an overview of various practical techniques, tips and tricks from real-life projects and discusses performance considerations for lightweight responsive design. Responsive Web design challenges Web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code. This talk provides an overview of various practical techniques, tips and tricks from real-life projects and discusses performance considerations for lightweight responsive design. Sat, 31 May 2014 00:00:00 -0400 https://speakerdeck.com/smashingmag/real-life-responsive-web-design https://speakerdeck.com/smashingmag/real-life-responsive-web-design Responsive web design challenges web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project. Responsive web design challenges web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project. Thu, 29 Nov 2012 00:00:00 -0500 https://speakerdeck.com/smashingmag/responsive-web-design-clever-tips-and-techniques https://speakerdeck.com/smashingmag/responsive-web-design-clever-tips-and-techniques As designers, we tend to get distracted by aesthetics of our designs, and often do not pay enough attention to the other, invisible side of our creations. This talk discusses the value of functionality, storytelling and thorough editorial work in Web. It argues about the significance of purpose, context and quality in our decisions. It also provides personal insights and practical examples of invisible design being used in practice. As designers, we tend to get distracted by aesthetics of our designs, and often do not pay enough attention to the other, invisible side of our creations. This talk discusses the value of functionality, storytelling and thorough editorial work in Web. It argues about the significance of purpose, context and quality in our decisions. It also provides personal insights and practical examples of invisible design being used in practice. Tue, 11 Oct 2011 17:05:57 -0400 https://speakerdeck.com/smashingmag/the-invisible-side-of-design https://speakerdeck.com/smashingmag/the-invisible-side-of-design