Responsive Web Design with HTML5 and CSS3 Essentials
by
Gaurav Gupta; Asoj Talesra; Alex Libby
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 sizeWho This Book Is ForThis book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed.What You Will Learn - 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 In DetailResponsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience-providing easy reading and navigation with minimum resizing, panning, and scrolling-and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet's total traffic.This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques.You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we'll dive into creating layouts using grid based templates. We'll also cover the important topic of performance management, and discover how to tackle cross-browser challenges.Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about responsive web design.
Bootstrap 4 - Responsive Web Design: learning path.
by
Silvio Moreto
An applied guide exploring web application development with Bootstrap 4
Mastering CSS
by
Rich Finelli
Rich Finelli's modern CSS training course, based on his bestselling Mastering CSS video, now available in a book. Master CSS from best practices to practical CSS coding.About This Book* Learn CSS directly from Rich Finelli, author of the bestselling Mastering CSS training course* From best practices to deep coding, Rich Finelli shares his CSS knowledge with you* Rich Finelli covers the latest CSS updates with flexbox and works with retina devicesWho This Book Is ForThis book is for web designers who wish to master the best practices of CSS in their web projects. You already know how to work with a web page, and want to use CSS to master website presentation.What You Will Learn* Master fundamental CSS concepts like the anatomy of a rule set, the box model, and the differences between block and inline elements* Employ flexbox to layout and align elements simply and cleanly* Become proficient with CSS3 properties such as transitions, transforms, gradients, and animations* Delve into modular, reusable, and scalable CSS for more organized and maintainable style sheets* Understand media queries and other pillars of responsive web design* Get creative with the @font-face property, Google Web Fonts, font services such as Typekit, as well as, icon fonts* Understand the workflow for HiDPI (retina) devices using 2x images, SVG, and the srcset attributeIn DetailRich Finelli trains you in CSS deep learning and shows you the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich in this book! Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and using flexbox.Rich begins your CSS training with a review of CSS best practices, such as using a good text editor to automate your authoring and setting up a CSS baseline. You then move on to create a responsive layout making use of floats and stylable drop-down menus, with Rich guiding you toward a modular-organized approach to CSS.Your training with Rich Finelli then dives into detail about working with CSS and the best solutions to make your websites work. You'll go with him into CSS3 properties, transforms, transitions, and animations. You'll gain his understanding of responsive web designs, web fonts, icon fonts, and the techniques used to support retina devices. Rich expands your knowledge of CSS so you can master one of the most valuable tools in modern web design.Style and approachLet Rich Finelli train you in CSS! This book has a direct training style because it is based on Rich's bestselling Mastering CSS training course.
Getting Started with Angular
by
Minko Gechev
Fast-track your web development skills to build high performance SPA with Angular 2 and beyondAbout This Book- Up to date with the latest API changes introduced by Angular 2 and 4- Get familiar with the improvements to directives, change detection, dependency injection, router, and more- Understand Angular's new component-based architecture- Start using TypeScript to supercharge your Angular applicationsWho This Book Is ForDo you want to jump in at the deep end of Angular? Or perhaps you're interested assessing the changes to AngularJS before moving over? If so, then "Getting Started with Angular" is the book for you.To get the most out of the book, you'll need to be familiar with AngularJS 1.x, and have a good understanding of JavaScript.What You Will Learn- Understand the changes made from AngularJS with side-by-side code samples to help demystify the Angular learning curve- Start working with Angular's new method of implementing directives- Use TypeScript to write modern, powerful Angular applications- Dig in to the change detection method, and other architectural changes to make sure you know what's going on under the hood of Angular- Get to work with the new router in Angular- Use the new features of Angular, including pipes, and the updated features such as forms, services, and dependency injection- Learn about the server-side rendering in Angular to keep your new applications SEO-friendly- Enhance your applications using Ahead-of-Time compilation and Web WorkersIn DetailI'm delighted to see this new update and hope it helps you build amazing things with Angular. - Misko Hevery, Creator of AngularJS and AngularAngular is the modern framework you need to build performant and robust web applications. This book is the quickest way to upgrade your AngularJS knowledge to the brave new world of Angular, and get grips with the framework.It starts with an overview putting the changes of the framework in context with version 1. After that, you will be taken on a TypeScript crash-course so you can take advantage of Angular in its native, statically-typed environment. You'll explore the new change detection mechanism in detail, how directives and components have changed, how you create applications with Angular, and much more. Next, you'll understand how to efficienly develop forms, use the router, implement communication with HTTP services, and transform data with custom pipes. Finally, we will take a look at the Angular's Ahead-of-Time compiler, angular-cli and other such tools that help us build professional applications.By the end of the book, you'll be ready to start building quick and efficient Angular applications compatible with v2 and v4, that take advantage of all the new features on offer.This book is up to date for the 2.4 release and is compatible with the 4.0 release as well.Style and approachStarting with a comparison between Angular versions, this book is filled with side-by-side code examples to help highlight the changes. Each chapter then looks at major changes to the framework and is filled with small examples and sample code to get you started.
UX for the Web
by
Marli Ritter; Cara Winterbottom
Learn how UX and design thinking can make your site stand out from the rest of the internet.About This Book* Learn everything you need to know about UX for your Web Design.* Design B2B, B2C websites that stand out from the competitors with this guide* Enhance your business by improving customer accessibility and retention.Who This Book Is ForIf you're a designer, developer, or just someone who has the desire to create websites that are not only beautiful to look at but also easy to use and fully accessible to everyone, including people with special needs, UX for the Web will provide you with the basic building blocks to achieve just that.What You Will Learn* Discover the fundamentals of UX and the User-Centered Design (UCD) Process.* Learn how UX can enhance your brand and increase user retention* Learn how to create the golden thread between your product and the user* Use reliable UX methodologies to research and analyze data to create an effective UX strategy* Bring your UX strategy to life with wireframes and prototypes* Set measurable metrics and conduct user tests to improve digital products* Incorporate the Web Content Accessibility Guidelines (WCAG) to create accessible digital productsIn DetailIf you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that.The book starts with the basics of UX, the relationship between Human-Centered Design (HCD), Human-Computer Interaction (HCI), and the User-Centered Design (UCD) Process; it gradually takes you through the best practices to create a web app that stands out from your competitors. You'll also learn how to create an emotional connection with the user to increase user interaction and client retention by different means of communication channels.We'll guide you through the steps in developing an effective UX strategy through user research and persona creation and how to bring that UX strategy to life with beautiful, yet functional designs that cater for complex features with micro interactions. Practical UX methodologies such as creating a solid Information Architecture (IA), wireframes, and prototypes will be discussed in detail. We'll also show you how to test your designs with representative users, and ensure that they are usable on different devices, browsers and assistive technologies.Lastly, we'll focus on making your web app fully accessible from a development and design perspective by taking you through the Web Content Accessibility Guidelines (WCAG).Style and ApproachThis is an easy-to-understand step-by-step guide with full of examples to that will help you in creating good UX for your web applications.