Since Don’t Make Me Think was first published in 2000, hundreds of thousands of Web designers and developers have relied on usability guru Steve Krug’s guide to help them understand the principles of intuitive navigation and information design. Witty, commonsensical, and eminently practical, it’s one of the best-loved and most recommended books on the subject. Now Steve returns with fresh perspective to reexamine the principles that made Don’t Make Me Think a classic–with updated examples and a new chapter on mobile usability. And it’s still short, profusely illustrated…and best of all–fun to read. If you’ve read it before, you’ll rediscover what made Don’t Make Me Think so essential to Web designers and developers around the world. If you’ve never read it, you’ll see why so many people have said it should be required reading for anyone working on Web sites. “After reading it over a couple of hours and putting its ideas to work for the past five years, I can say it has done more to improve my abilities as a Web designer than any other book.”–Jeffrey Zeldman, author of Designing with Web Standards
Published by: New Riders | Publication date: 12/23/2013Kindle book details: Kindle Edition, 216 pages
In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems.Rather than focus on design, CSS Secrets shows you how to solve problems with code. You'll learn how to apply Lea's analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.Inspired by her popular talks at over 60 international web development conferences, Lea Verou provides a wealth of information for topics including:
- Backgrounds and Borders
- Visual Effects
- User Experience
- Structure and Layout
- Transitions and Animations
Published by: O'Reilly Media | Publication date: 06/04/2015Kindle book details: Kindle Edition, 390 pages
Design and deliver an optimal user experience for all devicesAbout This Book
- Get to grips with the core functionality of RWD through examples
- Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective
- Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size
- Explore various layout options
- Understand what can be achieved in the browser, without the use of third-party tools
- Executing media queries to benefit responsive designs
- Understand the basics of responsive workflow and boilerplate frameworks
- Improve performance of responsive web design
- Maintain compatibility across various browsers
Published by: Packt Publishing | Publication date: 08/29/2016Kindle book details: Kindle Edition, 174 pages
Websites today serve not only traditional desktop monitors, but also televisions and handheld mobile devices like tablets and smartphones. Consumers, constantly connected and switching between devices anywhere anytime, expect the same degree of usability they experience across these devices. Therefore, it is both imperative and challenging for businesses to build a good multi-screen site that can deliver a consistently great user experience for all screens. How can websites provide for such an enormous range of screens and keep up with new screens of the future? The answer lies in Responsive Web Design. So, what is responsive web design? What are the alternatives? Why do we choose it? How to implement it? This book will tell you all...
Published by: Peter Leow | Publication date: 10/01/2016Kindle book details: Kindle Edition, 59 pages
In Responsive Web Design Overview For Beginners, you'll get an overview of what to expect when buliding a resposive website. You'll learn about all of the following:
- Responsive Web Design Overview
- Usability of Smaller Screens
Publication date: 12/17/2013Kindle book details: Kindle Edition, 52 pages
Design robust, powerful, and above all, modern websites across all manner of devices with ease using HTML5 and CSS3About This Book
- Use Responsive Grid System, Bootstrap, and Foundation frameworks for responsive web design
- Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc
- Make a mobile website using jQuery mobile and mobile-first design
- Build a semantic website structure with HTML5 elements
- Use Bower to organize website dependencies
- Make responsive media that is optimized for the specific device on which it's displayed, allowing images, videos, and other elements be fully appreciated
- Make typography that's fluidly responsive, so it's easy to read on all devices—no more hard-to-see text on a tiny mobile screen
- Get to know techniques for server-side and client-side media deployment, providing platforms that are scaled for any device that requests them
- Responsive Web Design by Example: Beginner's Guide - Second Edition by Thoriq Firdaus
- Responsive Web Design with HTML5 and CSS3 - Second Edition by Ben Frain
- HTML5 and CSS3 Responsive Web Design Cookbook by Benjamin LaGrone
Published by: Packt Publishing | Publication date: 10/25/2016Kindle book details: Kindle Edition, 52 pages
Moving to Responsive Web Design: Bring existing static sites into today's multi-device world with responsive web design
Redesign your static website into a modern, fully responsive website. As the usage of mobile devices of all shapes and sizes increases exponentially every year, and dominates the manner in which many users access the web, it is now imperative for any business to have a responsive website that adapts seamlessly to any screen size and resolution — a change that will impact not only your designs but the way you build your site.Moving to Responsive Web Design shows you how to convert fixed grids, previously built on absolute units such as pixels, into fluid ones, based on relative units such as percentages or ems. You will also learn to plan how your designs and patterns will adapt across various breakpoints, and how to approach the challenge of responsive images.The prospect of converting an existing site into responsive design, when you don’t have all the time in the world and your resources are already outstretched, can be daunting, but with this book and the right tools you can tame the scope of the project from the start and find the time for you and your team to work on making your site enjoyable on any device. Moving to Responsive Web Design is full of ideas and examples of how you can more easily plan, design, develop, and release, your responsively redesigned site.
- Provides ways of finding time in your hectic schedule to complete a project that is truly important
- Helps you to scope a responsive redesign project so it’s achievable with the resources you have available
- Provides examples of how other teams have solved some of the most common problems
- Find the time in your busy schedule to redesign your site.
- Engage the entire team in the plan, design and development process.
- Use your resources in clever and efficient ways.
Published by: Apress | Publication date: 08/29/2016Kindle book details: Kindle Edition, 149 pages
New devices and platforms emerge daily. Browsers iterate at a remarkable pace. Faced with this volatile landscape we can either struggle for control or we can embrace the inherent flexibility of the web. Responsive design is not just another technique–it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web. Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to:
- Build responsive sites using a combination of fluid layouts, media queries, and fluid media
- Adopt a responsive workflow from the very start of a project
- Enhance content for different devices
- Use feature-detection and server-side enhancement to provide a richer experience
Published by: New Riders | Publication date: 07/30/2012Kindle book details: Kindle Edition, 283 pages
Learn how to create multi-column layout, navigation bar, carousel, progress bar, popover, form validation and more.Find out how to easily customize Bootstrap to fit your style.Build a responsive website from scratch - step by step. See the end result here: http://bit.ly/p-crslWhy This BookOne of the big challenges in web development is maintaining the site's compatibility across devices and their various display sizes, from desktop computers to tablets and mobile phones. The last thing we want is to have a website that looks good on a desktop but is painful to navigate on a small display, or looks great on a small screen but appears oddly tiny in the center of a large screen.Ideally the site should have the ability to automatically reorganize itself to provide the optimal viewing experience, in accordance with the size of the display. In short, we want our website to be responsive. This is where Bootstrap 3 comes in handy. It makes building responsive websites easier and quicker.Aimed at absolute beginners, this book will not require you to have any experience in HTML, CSS or JQuery. You will learn as you go along. It explains the subject matter in a step by step fashion, with plenty of examples and screenshots to illustrate the points.Formatted specifically for Kindle, this book takes full advantage of what Kindle can do. You can navigate around the book easily and run the examples using the Kindle's browser. Furthermore, all examples are downloadable. You can download, tweak and reuse them on your own project without having to retype everything.Who Should NOT Buy This BookIf you are able to learn on your own by perusing the online documentation provided by Bootstrap, you do not need this book. Before you open your wallet, check out Bootstrap's official site and give it a go.What you will get from this bookThis book will guide you in transforming a simple HTML page into a responsive one. It will demonstrate how to use Bootstrap's grid system to create a multi-column layout. It will also guide you in creating a navigation bar, different types of menus (with or without dropdowns), buttons, icons, modal and tables.The book will also cover forms and form validations, where you will create a Sign Up page with some validation procedures to examine the data entered and display a warning when appropriate.Needless to say, this book will be incomplete without a lesson on customizing Bootstrap to fit your own style. The book will cover light customization that will illustrate how you can change fonts, colors and background images to make the page your own.Light customization however is good only for minimal changes in the design. To tweak the design further, you will be better off using LESS. Therefore one chapter will be dedicated to demonstrate the customization using LESS.Towards the end of the book, we will throw in some more Bootstrap components that can increase your site's appeal. You will learn about Carousel, Affix, Scrollspy, Tooltip, Popover, Collapse and Progress Bar. Not only you will learn how to display them, you will also utilize some of the controls to make them work.As the last lesson, you will learn how to show or hide certain parts of the page depending on the size of the screen.For absolute beginners, quick introductions to CSS, LESS and how to compile LESS (including Bootstrap's LESS) are provided in the appendices.If you are looking for a step by step guide to responsive web development using Bootstrap 3, you may want to give this book a try.
Publication date: 04/23/2014Kindle book details: Kindle Edition, 234 pages
Responsive Web Design Toolkit: Hammering Websites into Shape focuses on the nuts and bolts of responsive web design, showing you how to better build and how to debug websites that use the responsive technique. This book guides you through the technology that programmers use to build, test, and debug responsive websites. Covering what engineers do, how localhost can help, and DIY-testing, this book shows technically-minded designers how to create digital objects that lead to shorter development times, quicker testing cycles, and more insight into users and their mobile devices, ultimately leading to better products.
Published by: Chapman and Hall/CRC | Publication date: 09/16/2015Kindle book details: Kindle Edition, 232 pages