Mastering Responsive Web Design + nemokamas atvežimas! | knygos.lt

Aprašymas

About This BookTake your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out fromHarness the power of the CSS pre-processor Sass to speed up the creation of your CSSEach chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web designWho This Book Is ForIf you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey.What You Will LearnInstall and use Sass with SCSS syntax to create your CSSEnhance the experience of users with assistive technology with ARIA rolesDesign with a desktop-first approach, but implement with mobile-first methodologyMaster your layouts by creating your own scalable CSS grid, or using Flexbox for total layout 'flexibility'Retrofit your old websites with your new responsive design skillsDeal with legacy browsers, and learn how to keep your designs consistentImplement widely used responsive patterns, such as the "drawer navigation," the "Off-Canvas" and the "Flexbox-based" navigation patternsFind the best way to serve the right type of image and how to make videos responsiveBuild custom responsive e-mails to ensure the message gets across regardless of the deviceIn Detail

Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users.

Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds.

After this we will learn how to use an easily scalable CSS grid or, if you prefer, how to use Flexbox instead. We also cover how to implement images and video in both responsive and responsible ways. Finally, we build a solid and elegant typographic scale, and make sure your messages and communications display correctly with responsive e-mails.