Professional CSS3

Harness the power of CSS3 to design stunning, modern websites

Professional CSS3

Piotr Sikora

1 customer reviews
Harness the power of CSS3 to design stunning, modern websites
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781785880940
Paperback362 pages

Book Description

CSS is the preferred technology to design modern web pages. Although CSS is often perceived as a simple language, applying modern styles to web pages with CSS and maintaining the code for larger websites can be quite tricky.

We will take you right from understanding CSS to designing high-quality web pages in CSS3. We'll quickly take you through CSS3's features, and show you how to resolve common issues so you can build your basic framework. Finally, you will learn about code architecture and CSS methodologies used in scalable apps and you'll explore the various new features of CSS3, such as FlexBox, to help you create the most modern layout methodologies. By the end of the book, you will be a master at creating pure CSS web pages and will know sophisticated web design techniques, giving you an edge over other web designers.

Table of Contents

Chapter 1: Foundations and Tools
Choosing the right IDE
Cross browser compatibility – which browsers should you install?
Preprocessor – why should you use them?
SASS foundation
Simple automatization (with Gulp)
Pixelperfect layouts tools
Checking compatibility
Good assumptions in code
Creating proper selectors
Preparing your project
Summary
Chapter 2: Mastering of Fundamentals
Traditional box model
Floating elements
Display types
CSS elements positioning
Summary
Chapter 3: Mastering of Pseudoelements and Pseudoclasses
Pseudoclasses
Usage of pseudoclasses
Supporting forms styling with pseudoclasses
Drawing primitives with CSS
Pseudoelements
Summary
Chapter 4: Responsive Websites – Prepare Your Code for Specific Devices
The foundation of responsive websites
Media queries – where can you use it
Usage sample – main navigation
Summary
Chapter 5: Using Background Images in CSS
CSS backgrounds
Retina problems
Summary
Chapter 6: Styling Forms
Forms – the most known issues
Forms – enable superpowers
Summary
Chapter 7: Resolving Classic Problems
Centering elements
Dealing with opacity
Summary
Chapter 8: Usage of Flexbox Transform
Flexbox
More about transform
Summary
Chapter 9: Calc, Gradients, and Shadows
The calc() method
Gradients in CSS
How to add box-shadow
How to add text-shadow
Additional font and text features
Data attribute
Summary
Chapter 10: Don't Repeat Yourself – Let's Create a Simple CSS Framework
File structure
Short forms of useful elements
Other mixins
Media queries
Grids
Standard reusable structures
Gathering other reusable mixins
Let's test and use our framework
Remember!
Summary
Chapter 11: Mailers Fundamentals
Testing your mailer
Back to tables
Targeting specific devices through media queries
Inlining the e-mail template
Tips for e-mail template development
Testing with Litmus
Summary
Chapter 12: Scalability and Modularity
Building scalable and modular code
CSS methodologies
Which methodology should you use?
Maybe your own methodology?
Summary
Chapter 13: Code Optimization
Self-optimization
Summary
Chapter 14: Final Automatization and Processes Optimization
Gulp
Jade as your templating engine
UnCSS
Minifying CSS
Final automatizer
Summary

What You Will Learn

  • Familiarize yourself with the concepts of CSS and the SASS pre-processor
  • Get familiar with selectors to build better CSS code
  • Gain knowledge on the common issues with CSS and discover the solutions
  • Write scalable code using various CSS methodologies and optimization techniques
  • Create a simple and reusable framework based on SASS
  • Explore the various tools involved in CSS code creation

Authors

Table of Contents

Chapter 1: Foundations and Tools
Choosing the right IDE
Cross browser compatibility – which browsers should you install?
Preprocessor – why should you use them?
SASS foundation
Simple automatization (with Gulp)
Pixelperfect layouts tools
Checking compatibility
Good assumptions in code
Creating proper selectors
Preparing your project
Summary
Chapter 2: Mastering of Fundamentals
Traditional box model
Floating elements
Display types
CSS elements positioning
Summary
Chapter 3: Mastering of Pseudoelements and Pseudoclasses
Pseudoclasses
Usage of pseudoclasses
Supporting forms styling with pseudoclasses
Drawing primitives with CSS
Pseudoelements
Summary
Chapter 4: Responsive Websites – Prepare Your Code for Specific Devices
The foundation of responsive websites
Media queries – where can you use it
Usage sample – main navigation
Summary
Chapter 5: Using Background Images in CSS
CSS backgrounds
Retina problems
Summary
Chapter 6: Styling Forms
Forms – the most known issues
Forms – enable superpowers
Summary
Chapter 7: Resolving Classic Problems
Centering elements
Dealing with opacity
Summary
Chapter 8: Usage of Flexbox Transform
Flexbox
More about transform
Summary
Chapter 9: Calc, Gradients, and Shadows
The calc() method
Gradients in CSS
How to add box-shadow
How to add text-shadow
Additional font and text features
Data attribute
Summary
Chapter 10: Don't Repeat Yourself – Let's Create a Simple CSS Framework
File structure
Short forms of useful elements
Other mixins
Media queries
Grids
Standard reusable structures
Gathering other reusable mixins
Let's test and use our framework
Remember!
Summary
Chapter 11: Mailers Fundamentals
Testing your mailer
Back to tables
Targeting specific devices through media queries
Inlining the e-mail template
Tips for e-mail template development
Testing with Litmus
Summary
Chapter 12: Scalability and Modularity
Building scalable and modular code
CSS methodologies
Which methodology should you use?
Maybe your own methodology?
Summary
Chapter 13: Code Optimization
Self-optimization
Summary
Chapter 14: Final Automatization and Processes Optimization
Gulp
Jade as your templating engine
UnCSS
Minifying CSS
Final automatizer
Summary

Book Details

ISBN 139781785880940
Paperback362 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Sass Essentials Book Cover
Sass Essentials
$ 23.99
$ 16.80
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
Learning Angular 2 Book Cover
Learning Angular 2
$ 31.99
$ 22.40
HTML5 and CSS3 Responsive Web Design Cookbook Book Cover
HTML5 and CSS3 Responsive Web Design Cookbook
$ 26.99
$ 5.40
Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 22.40
JavaScript Unlocked Book Cover
JavaScript Unlocked
$ 23.99
$ 16.80