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
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
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!
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
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
- 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
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.
- 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
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
- 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
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.
What you will learn
- Construct build workflows that simplify complex application development
- 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
- Task Automation
- ECMAScript 2015 and Browserify
- Sassy CSS
- More Responsive Design
- Hybrid Application Accessibility
- Testing and UI Automation
- Web SQL Database
- Transferring Files
- Graphical Assets
Author(s): Kerri Shotts
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