Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Coverpage
Titlepage
Copyright
Contents at a Glance
Contents
Foreword
About the Authors
About the Technical Reviewer
Acknowledgments
Part 1: Introduction
Chapter 1: Introduction
A Live Site with Working Code Examples
What to Expect
Defining High Performance
Page-Load Times
Browser Performance
Network Performance
Developer Performance
Responsive/Adaptive Design
Grid Systems
A Deeper Understanding of CSS
Part 2: Performance Basics
Chapter 2: Development Principles
Code for Modern Browser Performance
Reduce the Number of Elements in the HTML
Limit Redrawing
Use CSS to Manage Boundaries
Embrace Progressive Enhancement
Using Feature Detection to Drive Progressive Enhancement
Embrace Separation of Concerns
HTML
CSS
JavaScript
Summary
Chapter 3: Performance Guidelines
Why Page Load Time Matters
The Guidelines
Make Fewer HTTP Requests
Use a Content Delivery Network (CDN)
Avoid Empty src or href Attributes
Add Expires Headers
Compress Components with GZIP
Put CSS at the Top
Put JavaScript at the Bottom
Avoid CSS Expressions
Remove Unused CSS
Minify JavaScript and CSS
Minimize Redrawing
Further Reading
Summary
Chapter 4: Responsive Web Design
Responsive Web Design
CSS3 Media Queries
Flexible Images
Flexible Grids
Summary
Chapter 5: Understanding the Web Reuse Pattern
Some Final Observations on Web Reuse
Think Building Blocks
Everything Is Contained
Summary
Part 3: Building a Web Site
Chapter 6: Page Template
Setting the Boilerplate Options
Conditional Statements Around the HTML Element
Setting the Character set
Controlling IE’s Compatibility Mode
Prompting for Installation of Google Chrome Frame
Controlling the Viewport on iPhones
Loading jQuery
Adding Google Analytics
More Options
Setting up the Site’s Grid
Summary
Chapter 7: Navigation
Menu Structure
Styling the Menu
Box sizing
Standard CSS3 candy
The gradient
:before and :after Pseudo-classes
Using Base64 Encoding
The Drop-Down Effect
Search Box
Summary
Chapter 8: Masthead
Building a Better Country Selector
Look & Feel
CSS Clipping
Links with Icons
Summary
Chapter 9: Footer
Making the Footer
Styling the Footer
SVG
More Than Simple Shapes
Summary
Chapter 10: Fractal Design Patterns
Defining a Control
Code Consistency
Simpler Updates
Greater Readability
Clear Intentions
Going Fractal: A Case Study
Faster Page Development Time
Faster Bug Fixing
Increased Consistency
Segregating CSS and JavaScript
Combining CSS and JavaScript
Summary
Chapter 11: Link Control
The Function
Styling the Links
Using JavaScript When CSS Fails Us
Summary
Chapter 12: Sidebox Control
The Content
The Styling
The Functions
Summary
Chapter 13: Button Control
Button Types
Primary
Primary with Icon
Primary Glass
Primary Shadow
Primary Outset
Primary Go
Primary Go Outset
Coding the Button Control
The CSS
Summary
Chapter 14: Price Control
The Price Control
The HTML
The CSS
The Control
The Shipping Control
The HTML
The CSS
The Control
Using the Controls
Summary
Chapter 15: Product Control
Inserting the Control
The HTML Produced by the Control
The CSS
The Data for the Product Control
The Control
Summary
Chapter 16: Table Control
The HTML
The Data Object
The Table Control
The Styles
Styles for All Treatments
Styles for the Wide Treatment
Styles for the Narrow Treatment
Adding Media Queries
Summary
Chapter 17: Tab Control
The HTML
The Data
The Control
Creating a Tab Control
The JavaScript
Styling the Tab Control
Styles for All Treatments
Styles for the Horizontal Treatment
Styles for the Vertical Treatment
Summary
Chapter 18: Form Controls
The HTML
The Fieldset Control
The Input Control
Data Objects
Creating a Form
The CSS
Making Shortcut Controls
Summary
Index
← Prev
Back
Next →
← Prev
Back
Next →