cta quote button

Top 10 Flexbox Books You Should Read

Read More

How Much Does It Cost to Hire Web Developers in Ukraine?

Our pricing is completely transparent: you pay your engineers’ salaries and a flat monthly fee for our services. No hidden charges.

Read More

1. CSS: The Definitive Guide: Visual Presentation for the Web (2017)

If you’re a web designer or app developer interested in sophisticated page styling, improved accessibility, and saving time and effort, this book is for you. 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

Author(s): Eric A. Meyer, Estelle Weyl

2. New Perspectives HTML5 and CSS3: Comprehensive (2017)

Now you can master Web page design as you learn from the unique, hands-on approach found in NEW PERSPECTIVES HTML5 AND CSS3: COMPREHENSIVE, 7E. Each tutorial in this complete book challenges you to put into practice the concepts you have just learned. Every tutorial includes a basic statement of the problem, the goals you should achieve, and a helpful demonstration of how to complete the task to create a fully functional website. You do not need any prior experience with HTML or CSS or any specialized software other than a basic editor and Web browser. With the book’s user-friendly approach, you develop important problem-solving skills as you retain the key concepts and apply what you’ve learned in a professional environment. Successfully completing this book’s tutorial cases and case problems acts a springboard in helping you develop your own professional portfolio to showcase your abilities in website design.

Author(s): Patrick M. Carey

3. CSS: The Missing Manual (2015)

CSS lets you create professional-looking websites, but learning its finer points can be tricky—even for seasoned web developers. This fully updated edition provides the most modern and effective tips, tricks, and tutorial-based instruction on CSS available today. Learn how to use new tools such as Flexbox and Sass to build web pages that look great and run fast on any desktop or mobile device. Ideal for casual and experienced designers alike.

The important stuff you need to know:

  • Start with the basics. Write CSS-friendly HTML, including the HTML5 tags recognized by today’s browsers.
  • Design for mobile devices. Create web pages that look great when visitors use them on the go.
  • Make your pages work for you. Add animations that capture the imagination, and forms that get the job done.
  • Take control of page layouts. Use professional design techniques such as floats and positioning.
  • Make your layouts more flexible. Design websites with Flexbox that adjust to different devices and screen sizes.
  • Work more efficiently. Write less CSS code and work with smaller files, using Syntactically Awesome Stylesheets (Sass).

Author(s): David Sawyer McFarland

4. Jump Start Responsive Web Design: Modern Responsive Solutions (2017)

It used to be so simple. You made a website or application to work on a 15″ monitor and, incompatibilities between browsers aside, you were done. Then along came mobile phones with web browsers and they ruined all our easy lives. Worse than that, people loved browsing the web on them!

Fortunately, by using responsive web design techniques, you can use one set of HTML, CSS and JavaScript, and display appropriate elements in an appropriate way to suit each platform. In Jump Start Responsive Web Design, you’l learn responsive techniques to make your designs look magnificent on any device, future-proof them, and reduce development time and budget. RWD helps you deal with the very real problem of not knowing where and how your application will be used.

Completely overhauled for its second edition, this book covers:

  • What does responsive really mean?
  • Semantic page structure
  • Grid systems
  • Responsive Images and media
  • Media queries
  • Responsive content

Author(s): Chris Ward

5. Learning React Native: Building Native Mobile Apps with JavaScript (2016)

Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile apps that look and feel native. With this hands-on guide, you’ll learn how to build applications that target iOS, Android, and other mobile platforms instead of browsers. You’ll also discover how to access platform features such as the camera, user location, and local storage.

With code examples and step-by-step instructions, author Bonnie Eisenman shows web developers and frontend engineers how to build and style interfaces, use mobile components, and debug and deploy apps. Along the way, you’ll build several increasingly sophisticated sample apps with React Native before putting everything together at the end.

  • Learn how React Native provides an interface to native UI components
  • Examine how the framework uses native components analogous to HTML elements
  • Create and style your own React Native components and applications
  • Install modules for APIs and features not supported by the framework
  • Get tools for debugging your code, and for handling issues outside of JavaScript
  • Put it all together with the Zebreto effective-memorization flashcard app
  • Deploy apps to the iOS App Store and Google’s Play Store

Author(s): Bonnie Eisenman

6. Table Layout in CSS: CSS Table Rendering in Detail (2016)

Isn’t table layout something web designers want to avoid? Yes, but rather than use tables for layout, this book is about the ways that tables themselves are laid out by CSS, a process more complicated than it appears. This concise guide takes you on a deep dive into the concepts necessary for understanding CSS and tables in your web layout, including table formatting, cell alignment, and table width.

Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Table Layout in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Make your web pages come alive today.

You’ll explore:

  • Formatting—learn how elements such as display values, anonymous objects, and table layers relate to each other when you assemble CSS tables
  • Cell border appearance—understand two distinct approaches (the separated model and the collapsed model) that govern how (or if) borders merge
  • Table sizing—determine table width by using either a fixed- or automatic-width layout, and learn how heights are calculated

Author(s): Eric A. Meyer

7. Flexible Boxes in CSS: Free Yourself with Flexbox (2016)

Layout designers rejoice: CSS finally has an update that will make your lives easier. Flexible box layout, often called Flexbox, frees you from the challenges of creating layouts with floats and padding? and lets you specify containers and their contents instead. The new model means you can specify the directions in which material flows, how content wraps, and the ways components can expand to fill a space. Whether you’ve been creating large sites or small, fixed sites or responsive sites, flexbox will simplify your work.

Author(s): Estelle Weyl

8. Mastering PhoneGap Mobile Application Development (2016)

Key Features

  • Create a useful PhoneGap workflow for larger projects in order to simplify and manage the development process
  • Use third-party plugins, IndexedDB, and SQLite for PhoneGap to develop large-scale, data-driven, and highly accessible applications
  • A pragmatic guide to construct top-notch large-scale applications using PhoneGap

Book Description

PhoneGap is a useful and flexible tool that enables you to create complex hybrid applications for mobile platforms. In addition to the core technology, there is a large and vibrant community that creates third-party plugins that can take your app to the next level.

This book will guide you through the process of creating a complex data-driven hybrid mobile application using PhoneGap, web technologies, and third-party plugins.

A good foundation is critical, so you will learn how to create a useful workflow to make development easier. From there, the next version of JavaScript (ES6) and the CSS pre-processor SASS are introduced as a way to simplify creating the look of the mobile application. Responsive design techniques are also covered, including the flexbox layout module. As many apps are data-driven, you’ll build an application throughout the course of the book that relies upon IndexedDB and SQLite. You’ll also download additional content and address how to handle in-app purchases. Furthermore, you’ll build your own customized plugins for your particular use case. When the app is complete, the book will guide you through the steps necessary to submit your app to the Google Play and Apple iTunes stores.

What you will learn

  • Construct build workflows that simplify complex application development
  • Integrate the next version of JavaScript to simplify your code
  • Create accessible hybrid applications
  • Persist and query data using third-party database plugins
  • Create your own PhoneGap plugins for your unique use cases
  • Create icons and splash screens suitable for submission to app stores
  • Publish your app to the Google Play and Apple iTunes stores

About the Author

Kerri Shotts has worked with computers for nearly 25 years. Her love for technology and programming started when she was introduced to her first computer: a Commodore 64. She obtained a degree in computer science while at college, and moved on to become a software test engineer. Afterward, she became an Oracle Database Administrator for several years. Now, she works as a technology consultant, creating, implementing, and maintaining custom applications (both desktop and mobile), websites, graphics and logos, and more for her clients. You can find her blog posts on her website (http://www.photokandy.com/) and she is active on the Google Groups for PhoneGap. When she isn’t working, she enjoys photography, music, and fish keeping. She is the author of several books published by Packt Publishing.

Table of Contents

  1. Task Automation
  2. ECMAScript 2015 and Browserify
  3. Sassy CSS
  4. More Responsive Design
  5. Hybrid Application Accessibility
  6. Testing and UI Automation
  7. IndexedDB
  8. Web SQL Database
  9. Transferring Files
  10. Performance
  11. Graphical Assets
  12. Deployment

Author(s): Kerri Shotts

9. Grid Layout in CSS: Interface Layout for the Web (2016)

CSS has had a layout-shaped hole at its center since the beginning. Designers have bent features such as float and clear to help fill that hole, but nothing has quite done the job. Now that’s about to change. With this concise guide, you’ll learn how to use CSS grid layout, a generalized system that lets you lay out pieces of your design independent of their document source order and with full awareness of the overall design.

Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Grid Layout in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to make your web pages come alive today.

  • Explore the differences between grid boxes and block containers
  • Create block-level grids, inline grids, and even nest grids inside grids
  • Learn best practices for attaching elements to your layout, using explicitly defined grid lines or grid area
  • Understand how the implicit grid automatically adjusts for oversized elements
  • Create gutters between grid elements, and align and justify individual items

Eric A. Meyer is an author, speaker, blogger, sometime teacher, and co-founder of An Event Apart. He’s a two-decade veteran of the Web and web standards, a past member of the W3C’s Cascading Style Sheets Working Group, and the author of O’Reilly’s CSS: The Definitive Guide.

Author(s): Eric A. Meyer