HTML5 and CSS3 for dummies / by David Karlins.

Format:

Book

Author/Creator:

Karlins, David.

Language:

English

Subjects (All):

Web sites--Design.

Web sites.

HTML (Document markup language).

Genre:

Electronic books.

Physical Description:

1 online resource (387 pages) : illustrations

Place of Publication:

Hoboken, New Jersey : Wiley, [2014]

System Details:

text file

Summary:

Learn enhanced HTML5/CSS3 techniques, Create animated design elements, Build mobile-friendly app-style pages, Design with CSS gradients Book jacket.

Contents:

Part I Page Structure and Design with HTML5 and CSS3 5

Chapter 1 Structure and Design with HTML5 and CSS3 7

Realizing the Magic of HTML5 and CSS3 9

Not all new ... but different 11

HTML5: Building on HTML techniques 14

Understanding HTML Foundations 15

Five things you need to know about HTML 16

Getting started with a basic HTML template 18

Identifying HTML document structure 20

Knowing basic elements syntax 21

Working with the element 22

Using the element and tags 22

Using heading, lists, and links 24

Deploying class styles 26

Breaking Down Basic CSS 27

Creating a CSS document 30

Examining CSS style definitions 30

Combining style definitions 32

Moving Forward with HTML5 and CSS3 33

Chapter 2 Deploying HTML5 35

Identifying the Advantages of HTML5 38

Knowing the Price of Using HTML5 39

Introducing the Simplified Doctype Declaration 40

Understanding HTML5's New, Standardized Structure Elements 42

New process and workflow 43

A brief introduction to semantic elements 44

tags are dead - long live tags 46

A new role for basic tags 47

Going Native with HTML5 48

Taking a Quick Look at HTML5's New Form Tools 50

HTML5 Elements for Scripting with JavaScript 53

The element 53

Using the element 54

Chapter 3 CSS3 for Design, Interactivity, and Animation 59

Breaking Out of the Box with CSS3 Design 62

The way it was 62

A new design paradigm 63

Replacing Images with CSS3 64

Background gradients 65

CSS3 and Mobile - A Perfect Fit 67

Animating with CSS3 69

Designing with Web Fonts 70

Linking to a web font 72

Chapter 4 Compatibility Issues and Solutions 77

Making HTML5 and CSS3 Work in Older Browsers 80

Everything you wanted to know about IE8 (and earlier) but were afraid to ask 81

Hacking solutions 83

Testing sites in IE8 (and older) 86

Using graceful degradation for backward compatibility 87

HTML5 and CSS3 Browser Wars 89

Using vendor-specific CSS prefixes 90

Competing video formats 90

Creating video for IE8 92

Mobile Compatibility 93

A Word on Flash 94

Part II Creating Pages with HTML5 95

Chapter 5 HTML5 Semantic Tags 97

Understanding the Different Kinds of Semantic Elements 100

Structural HTML5 semantic tags 100

Nonstructural semantic tags 101

Other HTML5 semantic tags 102

Organizing Content with Five Elements 105

Knowing when to use what 105

Examining a basic HTML5 page template 109

Styling structural tags 110

HTML5 for Specific Content 111

Using and elements 113

Defining and tags 114

Highlighting with the tag 115

Using and 116

Defining addresses 117

Styling content tags 118

Advantages of HTML5 Semantic Tags 119

Chapter 6 HTML5 Forms 121

HTML5 Forms - An Underrated Resource 124

Surveying the new HTML5 form field parameters 125

HTML5 versus JavaScript or server-side scripts 127

Compatibility issues 129

Creating HTML5 Forms 129

Form actions 130

Defining input and label tags 132

Defining Placeholder Text 133

Implementing HTML5 Input Types 134

Defining an input type 134

Using input types for accessibility 135

Defining a Datalist 138

Creating Form Output Elements 139

HTML5 Form Validation 139

Required input 140

Validating e-mail addresses 140

Validating numbers 141

A Final Word on HTML5 Forms 141

Chapter 7 Native Video and Audio 143

Getting Familiar with Native Audio and Video 145

A deeper look at native video and audio 146

Identifying proprietary plug-ins 147

Understanding the rise of native media 147

Designing for a complex video terrain 149

Compressed Video Formats 150

Video from your camera: Note ready for prime time 150

Competing native video formats 151

Different players in different browsers 151

Converting video to native formats 157

Knowing your options for hosting native video 158

Optimizing Native Video 161

Basic HTML5 video syntax 161

Providing options for non-HTML5 browsers 163

Adding a poster 164

Preloading a video 165

Embedding Native Audio 165

Converting MP3 audio to OGG 166

Embedding an HTML5 audio element 167

Alternative audio options 168

Chapter 8 Going Mobile: Responsive Design and jQuery Mobile 169

Understanding the Nature and Role of Responsive Design 171

A day in the life of a multidevice user 172

Three approaches to responsive design 178

The evolution and role of fluid design 178

Implementing Responsive Design with Media Queries 179

Two techniques for media queries 180

Different strokes for different (viewport) folks 181

Defining Media Queries with Multiple CSS Files 182

Forcing devices to report actual width 182

Creating CSS files for different sized viewports 183

Deploying Responsive Design in a Single CSS File 187

Building Web Apps with jQuery Mobile 189

How jQuery Mobile works 190

Building a basic jQuery Mobile template 190

jQuery Mobile and data-role elements 193

Customizing jQuery Mobile content 194

Customizing themes with ThemeRoller 198

Part III CSS3 Effects and Transforms 203

Chapter 9 Styling with CSS3 Properties 205

The Evolution of CSS 207

Phase I: Using HTML for styling 208

Phase II: Using CSS for styling 209

Phase III: Beyond boxes and image files 210

CSS3 Transitions 211

CSS3 transition properties 212

Using transition-timing-function 214

Compatibility issues for transitions 215

Adding delays in CSS3 216

CSS3 transition syntax examples 217

Can transitions get even more fun? 219

Redefining Color with CSS3 221

Smoother workflow with RGB and HSL 222

A is for alpha 224

Alpha versus opacity 225

Support for RGB and HSL color 227

Chapter 10 Applying CSS3 Effects 229

Getting the Most from CSS3 Effects 232

Breaking out of the box with border radii 232

Applying CSS3 border images 235

Applying CSS3 drop shadows 237

Effects and compatibility prefixes 238

Animating effects 240

Defining CSS3 Effects 240

Defining and applying a border radius 241

Defining border images 244

Defining box shadows 247

Creating text shadows 249

Creating a text outline 250

Animating Effects 250

Chapter 11 Applying and Animating CSS3 Transforms 255

Knowing How to Use Transforms 257

Advantages of design with transforms 259

Understanding transform syntax 260

Combining transforms 262

Managing overlap layers 264

Transforms compatibility 265

Animating Transforms with Transitions 266

How transitions work with transforms 267

Building an animated image gallery 268

Animating with @ ;keyframes 271

Understanding how @ ;keyframes work 272

Adding motion to @ ;keyframes 275

@ ;keyframes properties 278

@ ;keyframes compatibility and prefixes 278

Using @ ;keyframes to define a moving banner element 278

Chapter 12 Styling Gradients with CSS3 283

The Evolutionary Path to CSS3 Gradients 286

Rotated and radial 288

Gradients and mobile: A nice fit 289

Compatibility solutions 291

Competing CSS3 Gradient Syntax 293

Defining Gradients with Free Online Generators 294

Using Ultimate CSS Gradient Generator 297

Using preset gradients and the preview feature 297

Defining gradient color stops 298

Saving and applying gradient backgrounds 299

Part IV The Part of Tens 301

Chapter 13 Top Ten HTML5 Design Resources 303

Notepad++ 304

TextWrangler 305

Komodo Edit 306

Adobe Dreamweaver 308

FileZilla 309

W3Schools 310

WC3 Markup Validation Service 310

AMP Express 311

Hipster Ipsum 312

jQuery Widget Factory 313

Chapter 14 Top Ten CSS3 Design Tools 315

Ultimate CSS Gradient Generator 316

Adobe Kuler 318

Color Scheme Designer 319

CSS3 Generator 320

CSS3 Box Shadow Generator 321

CSS 3.0 Maker 321

Animate.css 322

Web Designer Wall 323

CSS Menu Maker 324

Notepad RT 325

Chapter 15 Top Ten Form Data Resources 327

MailChimp 329

FreeFind 330

Google Docs 331

Google Custom Search Engine 331

TheSiteWizard 332

Form Tools 333

jQuery Menu Widget 334

Freedback 335

EmailMeForm 335

Zoho Creator 336.

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed December 9, 2013).

Local Notes:

Electronic reproduction. Palo Alto, Calif. : ebrary, 2013. Available via World Wide Web. Access may be limited to ebrary affiliated libraries.

ISBN:

9781118639658

OCLC:

870653267

Access Restriction:

Restricted for use by site license.