Book Image

Professional CSS3

By : Piotr Sikora
Book Image

Professional CSS3

By: Piotr Sikora

Overview of this book

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.

Related Content you might be interested in

Current Title:

Small book image
Professional CSS3
Piotr Sikora
May, 2016 | 362 pages
No titles found
Table of Contents (21 chapters)
Professional CSS3
Professional CSS3
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Foundations and Tools
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
2
Mastering of Fundamentals
Mastering of Fundamentals
Traditional box model
Floating elements
Display types
CSS elements positioning
Summary
3
Mastering of Pseudoelements and Pseudoclasses
Mastering of Pseudoelements and Pseudoclasses
Pseudoclasses
Usage of pseudoclasses
Supporting forms styling with pseudoclasses
Drawing primitives with CSS
Pseudoelements
Summary
4
Responsive Websites – Prepare Your Code for Specific Devices
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
5
Using Background Images in CSS
Using Background Images in CSS
CSS backgrounds
Retina problems
Summary
6
Styling Forms
Styling Forms
Forms – the most known issues
Forms – enable superpowers
Summary
7
Resolving Classic Problems
Resolving Classic Problems
Centering elements
Dealing with opacity
Summary
8
Usage of Flexbox Transform
Usage of Flexbox Transform
Flexbox
More about transform
Summary
9
Calc, Gradients, and Shadows
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
10
Don't Repeat Yourself – Let's Create a Simple CSS Framework
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
11
Mailers Fundamentals
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
12
Scalability and Modularity
Scalability and Modularity
Building scalable and modular code
CSS methodologies
Which methodology should you use?
Maybe your own methodology?
Summary
13
Code Optimization
Code Optimization
Self-optimization
Summary
14
Final Automatization and Processes Optimization
Final Automatization and Processes Optimization
Gulp
Jade as your templating engine
UnCSS
Minifying CSS
Final automatizer
Summary
Index
Index

Professional CSS3

Copyright © 2016 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: May 2016

Production reference: 1260516

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-78588-094-0

www.packtpub.com

Previous Section
Next Chapter