Mastering Responsive Web Design with HTML5 and CSS3 Год издания: 2015 Жанр или тематика: Веб-программирование Издательство: Packt Publishing ISBN: 978-1-78355-023-4 Язык: Английский Формат: PDF/EPUB/MOBI Качество: Издательский макет или текст (eBook) Интерактивное оглавление: Да Количество страниц: 334 Описание: Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. 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 emails. What You Will Learn - Install and use Sass with SCSS syntax to create your CSS - Use HTML5 tags the right way, for the right type of content - Enhance the experience of users with assistive technology with ARIA roles - Design with a desktop-first approach, but implement with mobile-first methodology - Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout ‘flexibility’ - Retrofit your old web sites with your new responsive design skills - Deal with legacy browsers, and learn how to keep your designs consistent - Implement widely used responsive patterns, such as the “drawer navigation”, the “off-canvas” and the “flexbox-based” navigation patterns - Find the best way to serve the right type of image and how to make videos responsive - Build custom responsive emails to ensure the message gets across regardless of the device
Примеры страниц
Оглавление
Table of Contents 1: Harness the Power of Sass for Responsive Web Design 2: Marking Our Content with HTML5 3: Mobile-first or Desktop-first? 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD 5: Designing Small UIs Driven by Large Finger 6: Working with Images and Videos in Responsive Web Design 7: Meaningful Typography for Responsive Web Design 8: Responsive E-mails
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum You cannot attach files in this forum You can download files in this forum