Develop mobile-first and adaptive websites that provide the best user experience for a wide range of devices

About This Book

• Rapidly develop and prototype responsive websites by leveraging the power of Bootstrap
• Practice performance optimization techniques to make your site lighter and faster
• Learn responsive web design and discover how to build mobile-ready websites with ease

Who This Book Is For

If 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.

What You Will Learn

• Understand what responsive design is, and why it's vital for modern web development
• Customize and extend responsive design frameworks
• Create adaptable templates for all future projects
• Build a semantic website structure with HTML5 elements
• Determine a responsive website persona with CSS3
• Learn how to decide which framework best suits your project specification
• Implement a plethora of Bootstrap features in your websites

In Detail

Desktop-only websites just aren't 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, you'll 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.

Style and approach

This book conveys the design concepts used to quickly and effectively build responsive websites. We focus less on the theory and more on results, with clear step-by-step instructions, previews, and examples to help you along the way.

Osoby które kupowały "Responsive Web Design by Example", wybierały także:

• D3.js w akcji 67,42 zÅ‚, (20,90 zÅ‚ -69%)
• Tablice informatyczne. Node.js 16,86 zÅ‚, (5,90 zÅ‚ -65%)
• React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL 148,98 zÅ‚, (59,59 zÅ‚ -60%)
• TypeScript i React. Kurs video. Tworzenie nowoczesnych komponent 129,00 zÅ‚, (51,60 zÅ‚ -60%)
• Vue.js w praktyce. Kurs video. Poznaj narz 148,98 zÅ‚, (59,59 zÅ‚ -60%)

Spis treści

Responsive Web Design by Example. Embrace responsive design with HTML5, CSS3, JavaScript, jQuery and Bootstrap 4 eBook -- spis treści

• 1. What Is Responsive Web Design
• 2. What Is Bootstrap, Why We Use It?
• 3. Reusable Project Template
• 4. Creating The Introduction Section
• 5. Creating A Single Page Section
• 6. Creating A Contact Us Section
• 7. Creating The Blog Posts Homepage
• 8. Creating The Individual Post Page
• 9. Adding A Sidebar To Social Network
• 10. Creating The Homepage In Our Social Network
• 11. Creating The User’s Profile Page
• 12. Displaying Thumbnails Of Our Photos
• 13. Opening Images Using A Light Box