Book description
Although web standards-based websites can scale effectively—and basic CSS will give you basic results—there are considerations and obstacles that high traffic websites must face to keep your development and hosting costs to a minimum. There are many tips and tricks, as well as down-to-earth best practice information, to make sure that everything runs quickly and efficiently with the minimum amount of fuss or developer intervention. Targeted at "high traffic" websites—those receiving over 10,000 unique visitors a day—CSS for High Traffic Websites gives you inside information from the professionals on how to get the most out of your web development team.
The book covers the development processes required to smoothly set up an easy-to-maintain CSS framework across a large-volume website and to keep the code reusable and modular. It also looks at the business challenges of keeping branding consistent across a major website and sustaining performance at a premium level through traffic spikes and across all browsers. Defensive coding is considered for sites with third-party code or advertising requirements. It also covers keeping CSS accessible for all viewers, and examines some advanced dynamic CSS techniques.
What you'll learn
The value of process
Making reusable, robust, and modular CSS
How to maximize the performance of your site
Integrating with third parties
How to keep branding consistent
Best practices for cross-browser and accessible CSS
Dynamic CSS techniques
Who this book is for
This book is for Web developers building and maintaining premium, successful, high-traffic websites using web standards. This book will also help team leaders responsible for code that will be shared over multiple projects, as well as project managers with a high churn of contract staff.
Table of contents
- Copyright
- Foreword
- About the Authors
- About the Technical Reviewer
- Acknowledgments
- Preface
- Background Information
-
1. The Value of Process
- 1.1. The Team
- 1.2. Getting Too Big for Your Boots
- 1.3. High Staff Churn Rate
- 1.4. Consistency Is More Important than Quality
- 1.5. Tools
- 1.6. Backup
- 1.7. Prototyping
- 1.8. Development Methodologies
- 1.9. Summary
- 2. CSS Style Guide
-
3. Fundamentals
- 3.1. The Cascade: Origin, Importance, and Inheritance
- 3.2. Specificity
- 3.3. Encoding
- 3.4. Localization
- 3.5. Browser-Specific CSS
- 3.6. When and How to Use Hacks
- 3.7. Server-Side User Agent Detection
- 3.8. Some Examples of Browser Rendering Differences
- 3.9. Summary
-
4. Frameworks and Integration
- 4.1. Frameworks
- 4.2. Object Oriented CSS
- 4.3. Overriding CSS
- 4.4. Playing Nicely with Third-Party Code
- 4.5. Defensive CSS
- 4.6. Fragile CSS
- 4.7. Metadata in CSS
- 4.8. Summary
- 5. Brand Implementation
- 6. CSS and Accessibility
-
7. Devices
- 7.1. Media Types
-
7.2. Media Queries
- 7.2.1. width
- 7.2.2. height
- 7.2.3. device-width
- 7.2.4. device-height
- 7.2.5. orientation
- 7.2.6. aspect-ratio
- 7.2.7. device-aspect-ratio
- 7.2.8. color
- 7.2.9. color-index
- 7.2.10. monochrome
- 7.2.11. resolution
- 7.2.12. scan
- 7.2.13. grid
- 7.2.14. transform-2d
- 7.2.15. transform-3d
- 7.2.16. transition
- 7.2.17. animation
- 7.3. Modernizr
- 7.4. Print Style Sheets
- 7.5. Mobile Devices
- 7.6. Other Devices
- 7.7. Search Engine Optimization (SEO)
- 7.8. Summary
-
8. Performance
-
8.1. The Payload—Worry About File Size
- 8.1.1. Naming Conventions
- 8.1.2. File Names
- 8.1.3. Folder Structure
- 8.1.4. Syntax
- 8.1.5. Minifying
- 8.1.6. Compression
- 8.1.7. Apache
- 8.1.8. Microsoft IIS (Internet Information Services)
- 8.1.9. Content Distribution Networks (CDNs) and Domains
- 8.1.10. Having Fewer Requests Is More Important than File Size
- 8.1.11. Domain Name Server (DNS) Lookup
- 8.1.12. Connecting
- 8.1.13. Sending
- 8.1.14. Waiting
- 8.1.15. Receiving
- 8.1.16. Concatenation
- 8.1.17. CSS Sprites
- 8.2. Data URIs (Uniform Resource Indicators)
- 8.3. Caching
- 8.4. What Should We Cache?
- 8.5. Versioning
- 8.6. What About Offline Storage?
- 8.7. Rendering and Parsing
- 8.8. Changing Properties via JavaScript
- 8.9. Animation
- 8.10. Hardware Acceleration
- 8.11. Summary
-
8.1. The Payload—Worry About File Size
- 9. Dynamic CSS
- 10. Testing and Debugging
- 11. Creating Your CSS
- 1. CSS Standards Guide
- 2. Accessibility Guidelines
- 3. Browser Support Guidelines
- 4. Development Process
Product information
- Title: Pro CSS for High Traffic Websites
- Author(s):
- Release date: April 2011
- Publisher(s): Apress
- ISBN: 9781430232889
You might also like
book
Pro HTML5 Performance
Pro HTML5 Performance provides a practical guide to building extremely fast, light-weight and scalable websites using …
book
Smashing CSS: Professional Techniques for Modern Layout
PROFESSIONAL TECHNIQUES FOR MODERN LAYOUT Smashing CSS takes you well beyond the basics, covering not only …
book
Pro CSS3 Layout Techniques
Discover the freshest cutting-edge layout tools found within CSS3 and hone the skills you'll need to …
book
Pro Website Development and Operations: Streamlining DevOps for large-scale websites
Pro Website Development and Operations gives you the experience you need to create and operate a …