Best of
Web-Design

2017

Better Web Typography for a Better Web


Matej Latin - 2017
    The author, Matej Latin, takes complex concepts such as vertical rhythm, modular scale and page composition, and explains them in a simple way. The content of the book is accompanied by live code examples and the readers design and build an example website as they go through it. This is a new typography book for a new medium, the rules haven't changed much, everything else has.

Web Typography: A handbook for designing beautiful and effective responsive typography


Richard Rutter - 2017
    This is as true on the web as it is in any other medium. If a text has anything at all significant to say, it needs a typographer’s care, which will in turn be repaid by the reader’s attention. If you design websites or use CSS then you are a typographer whether you know it or not.This book is a practical guide and companion reference to all aspects of typography on the web. It deftly combines implement­ation details with typographic theory, and is ideal for designers, developers and anyone else involved in the process of creating a website.

Animation at Work


Rachel Nabors - 2017
    Start with science: by understanding the human visual processing system, you can design delightful animation that works to ease cognitive load. Rachel Nabors guides you through the anatomy of web animations, patterns, and communication decisions across teams. This book will prepare you to identify and prioritize opportunities to integrate animation into design systems for building better experiences.

Building Progressive Web Apps: Bringing the Power of Native to the Browser


Tal Ater - 2017
    New progressive web apps have capabilities that will soon make you obsolete. With this hands-on guide, web developers and business execs will learn how—and why—to develop web apps that take advantage of features that have so far been exclusive to native apps. Features that include fast load times, push notifications, offline access, homescreen shortcuts, and an entirely app-like experience. By leveraging the latest browser APIs, progressive web apps combine all of the benefits of native apps, while avoiding their issues. Throughout the book, author Tal Ater shows you how to improve a simple website for the fictional Gotham Imperial Hotel into a modern progressive web app. Plus: Understand how service workers work, and use them to create sites that launch in an instant, regardless of the user’s internet connection Create full-screen web apps that launch from the phone's homescreen just like native apps Re-engage users with push notifications, even days after they have left your site Embrace offline-first and build web apps that gracefully handle loss of connectivity Explore new UX opportunities and challenges presented by progressive web apps

SVG Animations: From Common UX Implementations to Complex Responsive Animation


Sarah Drasner - 2017
    It becomes increasingly more interesting as you explore its capabilities for responsive animation and performance boons. When you animate SVG, you must be aware of normal image traits like composition, color, implementation, and optimization. But when you animate, it increases the complexity of each of these factors exponentially.This practical book takes a deep dive into how you can to solve these problems with stability, performance, and creativity in mind.Learn how to make SVG cross-browser compatible, backwards compatible, optimized, and responsivePlan and debug animationMake a complex animation responsive, as many sites are responsiveProfile each animation technique in terms of performance so that you know what you're getting in to with each library or native technology

CSS: The Definitive Guide: Visual Presentation for the Web


Eric A. Meyer - 2017
    This revised edition provides a comprehensive guide to CSS implementation, along with a thorough review of the latest CSS specifications. CSS is a constantly evolving language for describing the presentation of web content on screen, printers, speech synthesizers, screen readers, and chat windows. It is used by all browsers on all screen sizes on all types of IoT devices, including phones, computers, video games, televisions, watches, kiosks, and auto consoles. Authors Eric Meyer and Estelle Weyl show you how to improve user experience, speed development, avoid potential bugs, and add life and depth to your applications through layout, transitions and animations, borders, backgrounds, text properties, and many other tools and techniques. This guide covers: Selectors, specificity, and the cascade Values, units, fonts, and text properties Padding, borders, outlines, and margins Colors, backgrounds, and gradients Floats and positioning tricks Flexible box layout The new Grid layout system 2D and 3D transforms, transitions, and animation Filters, blending, clipping, and masking Media and feature queries

How To Create A Perfect Landing Page: Improve Lead Generation With Better Website Design


Darren Hignett - 2017
     The small investment of this book will make a huge difference to the results of your marketing!

Understanding SEO


Franz Enzenhofer - 2017
    If you have online experience, whether you are a manager, developer, editor, product owner, or hacker, you should be able to read and comprehend this book. You should then be able to use what you have learned to make informed SEO decisions for your business. Be aware this book does not waste space replicating any technical specs (those you can easily google yourself), but it will explain what you need to do, when you need to do it, and why you need to do it. Also, this book is about SEO, organic search engine optimization, and not about SEA, AdWords or PPC.

Mobile App Development with Ionic, Revised Edition: Cross-Platform Apps with Ionic, Angular, and Cordova


Chris Griffith - 2017
    This revised guide shows you how to use Ionic's tools and services to develop apps with HTML, CSS, and TypeScript, rather than rely on platform-specific solutions found in Android, iOS, and Windows Universal.Author Chris Griffith takes you step-by-step through Ionic's powerful collection of UI components, and then helps you use it to build three cross-platform mobile apps. Whether you're new to this framework or have been working with Ionic 1, this book is ideal for beginning, intermediate, and advanced web developers.Understand what a hybrid mobile app is, and what comprises a basic Ionic applicationLearn how Ionic leverages Apache Cordova, Angular, and TypeScript to create native mobile applicationsCreate a Firebase-enabled to-do application that stores data across multiple clientsBuild a tab-based National Park explorer app with Google Map integrationDevelop a weather app with the Darksky weather API and Google's GeoCode APIDebug and test your app to resolve issues that arise during developmentWalk through steps for deploying your app to native app storesLearn how Ionic can be used to create Progressive Web Apps

Learn Enough HTML to Be Dangerous: A tutorial introduction to HTML


Michael Hartl - 2017
     If tech is the new literacy, HTML is the alphabet. Learn Enough HTML to Be Dangerous puts things together like no other HTML tutorial: You deploy a live website in the first section. You learn HTML tags in context, using real-world examples. You take the first steps toward Cascading Style Sheets using inline styles. You build a reference table of HTML tags, using the HTML table tag. It’s totally meta. You don’t have to know everything about HTML, of course—just enough to be dangerous.

Understanding ECMAScript 6


Nicholas C. Zakas - 2017
    Not only does the sixth edition add new object types, but also new syntax and exciting new capabilities. The result of years of study and debate, ECMAScript 6 reached feature complete status in 2014. While it will take a bit of time before all JavaScript environments support ECMAScript 6, it's still useful to understand what's coming and which features are available already.This book is a guide for the transition between ECMAScript 5 and 6. It is not specific to any JavaScript environment, so it is equally useful to web developers as it is Node.js developers.What you'll learn:All of the changes to the language since ECMAScript 5How the new class syntax relates to more familiar JavaScript conceptsWhy iterators and generators are usefulHow arrow functions are differ from regular functionsAdditional options for storing data using sets, maps, and moreThe power of inheriting from native typesWhy people are so excited about promises for asynchronous programmingHow modules will change the way you organize code