JavaScript gives web developers great power to create rich interactive browser experiences, and much of that power is provided by the browser itself. Modern web APIs enable web-based applications to come to life like never before, supporting actions that once required browser plug-ins. Some are still in an experimental stage, but many are ready for use today.

With this hands-on cookbook, author Joe Attardi helps you explore the powerful APIs available in modern browsers and guides you through the specific tasks that they unlock. Because these features are web standards, there is comprehensive documentation available from trusted resources such as MDN Web Docs. The knowledge you'll gain is transferable across different companies and projects.

• Learn the breadth of functionality available in modern browser APIs
• Explore future APIs that are still in an experimental stage
• Discover newer elements, such as dialog that replaces the need for a third-party library
• Build more powerful and interactive web applications using native APIs
• Understand the permissions model used by the browser to unlock functionality such as geolocation and push notifications

Come on a tour of modern CSS in 2020. This example-driven book demonstrates the concepts by showing code examples, screenshots, and diagrams to help clearly communicate the information.

You'll start with the very basics of CSS: box model, colors, selectors and combinators, and specificity. Then gradually move through more intermediate topics - styling text, positioning, Z-index and stacking contexts, gradients, borders, and then to more advanced topics such as transforms, transitions, animations, flexbox, and CSS grid. Some features are only available in modern browsers (Chrome, Edge, Safari, and Firefox), but information about IE11 compatibility is included where possible.

There is a lot of discussion about how hard CSS is, and how intimidated some people are by it, but it doesn't have to be this way. Modern CSS uses a logical and understandable approach to break down and clearly explain the ins and outsof CSS.

What You'll Learn

• Work with the syntax of CSS selectors and calculate specificity
  
• Use styling techniques, fonts and text styling
• Review custom properties (variables)
• Explore the different ways an element can be transformed
• Use animating elements with CSS transitions
• Position elements using Flexbox layout
• Understand the basics of responsive design

Who This Book Is For

Anyone who has some experience with HTML, and some CSS, but might not be familiar with some of the newer concepts like flexbox or grid. Also, those looking for a refresher in those areas.

Leverage the powerful new combination of Gatsby and Netlify CMS, a free open source content management solution, to build blazing fast apps. This book shows you how to create a React-powered website using the Gatsby framework for the frontend, and Netlify CMS as the content backend.

Through the course of the book you'll gradually build a website for a coffee shop that includes a blog and a bakery/coffee menu that is customizable through Netlify CMS. The project starts with a bare-bones Gatsby site to which you'll add functionality such as setting up/configuring the CMS, creating different types of content, and writing some Gatsby glue code to consume the Markdown data via plugins. When done, you'll be well-equipped to build on your existing JavaScript and React knowledge to effectively use Gatsby and Netlify CMS for yourself or your clients.

Using Gatsby and Netlify CMS is an ideal guide for anyone looking to build their own sites and managetheir own content without having to deal with creating Markdown files or Git repositories.

What You'll Learn

• Clone repositories, install dependencies and deploy on Netlify
  
• Configure Netlify Identity and Git Gateway
• Use Netlify CMS Content Manager
• Source blog data using Gatsby plugin
• Manage dynamic page reactions using Gatsby Node APIs
• Work with pagination, content and menus
• Customize Netlify CMS

Who This Book Is For

Experienced JavaScript developers with a good handle on React who want to learn how to build a maintainable Gatsby powered site. Basic familiarity with Gatsby is assumed but not required.