Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book * Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from * Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS * Each 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 design Who This Book Is For If 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 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 In 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. 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. Style and approach Designing and developing for the web should be fun, and that's the tone used in the book. This book is written in a step-by-step format with clean-cut examples. You will also find tips and notes all over the book to help clarify those small and simple details most books and tutorials assume you already know.

A one-stop guide to the essentials of web development including popular frameworks such as jQuery, Bootstrap, AngularJS, and Node.js About This Book * Understand the essential elements of HTML, CSS, and JavaScript, including how and when to use them * Walk through three of the best and most popular web development frameworks - jQuery, Bootstrap, and AngularJS * References for any function you will need in your day-to-day web development Who This Book Is For This book is perfect for beginners but more advanced web developers will also benefit. Laid out so you can refer to as much or as little as you need to, with this book you can exhaustively explore essential concepts for modern web developers. What You Will Learn * Explore detailed explanations of all the major HTML elements and attributes, illustrated with examples * Take a deep dive into CSS properties and functions and master their usage * Find clear, concise descriptions of JavaScript syntax and expressions * Recognize various JavaScript design patterns and learn the basics of JavaScript object-orientated programming * Implement the latest ECMAScript 6 for client-side scripting in your web applications * Discover new ways to develop your website's front end quickly and easily using Bootstrap * Write JavaScript extensibly using jQuery-JavaScript's feature-rich library * Delve into the key Node.js modules used in JavaScript server-side programming * Access AngularJS 's important modules, controllers, directives, and services quickly In Detail This comprehensive reference guide takes you through each topic in web development and highlights the most popular and important elements of each area. Starting with HTML, you will learn key elements and attributes and how they relate to each other. Next, you will explore CSS pseudo-classes and pseudo-elements, followed by CSS properties and functions. This will introduce you to many powerful and new selectors. You will then move on to JavaScript. This section will not just introduce functions, but will provide you with an entire reference for the language and paradigms. You will discover more about three of the most popular frameworks today-Bootstrap, which builds on CSS, jQuery which builds on JavaScript, and AngularJS, which also builds on JavaScript. Finally, you will take a walk-through Node.js, which is a server-side framework that allows you to write programs in JavaScript. Style and approach This book is an easy-to-follow, comprehensive reference guide. Each topic, function, or element is listed methodically along with parameters, return values, and descriptions. Examples are also included to help you put the concepts to use quickly in the real world.