Responsive Web Design by Example by Frahaan Hussain

Develop mobile-first and adaptive websites that provide the best user experience for a wide range of devicesKey FeaturesRapidly develop and prototype responsive websites by leveraging the power of BootstrapPractice performance optimization techniques to make your site lighter and fasterLearn responsive web design and discover how to build mobile-ready websites with easeBook DescriptionDesktop-only websites just arent good enough anymore. As you enter a future of increasingly diverse browsing methods, you need to know how to build websites that are presentable and will work perfectly with the huge volume of different device sizes and resolutions that are now commercially available. Responsive web design is an answer to the problem of modern web development.By following the detailed step-by-step instructions, previews, and examples mentioned in this book, you will learn how to build engaging responsive websites and upgrade your skills as a web designer.With coverage of Responsive Grid System and Bootstrap, you will learn about the most powerful frameworks in responsive web design.In this book, you will learn how to create a crisp blog page, a beautiful portfolio site, a cool social networking page, and a fun photo gallery. Through each of these projects, youll learn how to build various elements of a modern responsive website, and also find out which framework works best for your project specifications.By the end of the book, you will have gained practical skills you need to build real-world websites that are professional, creative and truly responsive.What you will learnUnderstand what responsive design is, and why its vital for modern web developmentCustomize and extend responsive design frameworksCreate adaptable templates for all future projectsBuild a semantic website structure with HTML5 elementsDetermine a responsive website persona with CSS3Learn how to decide which framework best suits your project specificationImplement a plethora of Bootstrap features in your websitesWho This Book Is ForIf you are a web developers interested in incorporating responsive web designs in your websites, then this book is for you. Familiarity with HTML5, CSS3, and command lines, though not essential, will help you get the most out of this book.Table of ContentsWhat Is Responsive Web DesignWhat Is Bootstrap, Why We Use It?Reusable Project TemplateCreating The Introduction SectionCreating A Single Page SectionCreating A Contact Us SectionCreating The Blog Posts HomepageCreating The Individual Post PageAdding A Sidebar To Social NetworkCreating The Homepage In Our Social NetworkCreating The Users Profile PageDisplaying Thumbnails Of Our PhotosOpening Images Using A Light Box