文件名称:HTML5 & CSS3
文件大小:3.05MB
文件格式:PDF
更新时间:2014-10-19 09:30:45
HTML5 CSS3 pdf 学习资料 前台
非常好的学习html5&CSS5的资料,英文版的 需要代码的同学可以留下邮箱 以下的目录: Preface 10 HTML5: The Platform vs. the Specification . . . . . . . . . 10 How This Works . . . . . . . . . . . . . . . . . . . . . . . . . 11 What’s in This Book . . . . . . . . . . . . . . . . . . . . . . 12 Prerequisites . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Online Resources . . . . . . . . . . . . . . . . . . . . . . . . 13 1 An Overview of HTML5 and CSS3 14 1.1 A Platform for Web Development . . . . . . . . . . 14 1.2 Backward Compatibility . . . . . . . . . . . . . . . 17 1.3 The Road to the Future Is Bumpy . . . . . . . . . 17 Part I—Improving User Interfaces 23 2 New Structural Tags and Attributes 24 Tip 1 Redefining a Blog Using Semantic Markup . . . . 27 Tip 2 Creating Pop-up Windows with Custom Data Attri- butes . . . . . . . . . . . . . . . . . . . . . . . . . . 40 3 Creating User-Friendly Web Forms 45 Tip 3 Describing Data with New Input Fields . . . . . . 48 Tip 4 Jumping to the First Field with Autofocus . . . . . 56 Tip 5 Providing Hints with Placeholder Text . . . . . . . 58 Tip 6 In-Place Editing with contenteditable . . . . . . . 65 4 Making Better User Interfaces with CSS3 72 Tip 7 Styling Tables with Pseudoclasses . . . . . . . . . 74 Tip 8 Making Links Printable with :after and content . . 83 Tip 9 Creating Multicolumn Layouts . . . . . . . . . . . 87 Tip 10 Building Mobile Interfaces with Media Queries . . 94 5 Improving Accessibility 97 Tip 11 Providing Navigation Hints with ARIA Roles . . . . 99 Tip 12 Creating an Accessible Updatable Region . . . . . 104 Part II—New Sights and Sounds 110 6 Drawing on the Canvas 111 Tip 13 Drawing a Logo . . . . . . . . . . . . . . . . . . . . 112 Tip 14 Graphing Statistics with RGraph . . . . . . . . . . 119 7 Embedding Audio and Video 127 7.1 A Bit of History . . . . . . . . . . . . . . . . . . . . 128 7.2 Containers and Codecs . . . . . . . . . . . . . . . . 129 Tip 15 Working with Audio . . . . . . . . . . . . . . . . . . 133 Tip 16 Embedding Video . . . . . . . . . . . . . . . . . . . 137 8 Eye Candy 145 Tip 17 Rounding Rough Edges . . . . . . . . . . . . . . . 147 Tip 18 Working with Shadows, Gradients, and Transfor- mations . . . . . . . . . . . . . . . . . . . . . . . . . 155 Tip 19 Using Real Fonts . . . . . . . . . . . . . . . . . . . 166 Part III—Beyond HTML5 172 9 Working with Client-Side Data 173 Tip 20 Saving Preferences with localStorage . . . . . . . . 176 Tip 21 Storing Data in a Client-Side Relational Database 182 Tip 22 Working Offline . . . . . . . . . . . . . . . . . . . . 194 10 Playing Nicely with Other APIs 197 Tip 23 Preserving History . . . . . . . . . . . . . . . . . . . 198 Tip 24 Talking Across Domains . . . . . . . . . . . . . . . 201 Tip 25 Chatting with Web Sockets . . . . . . . . . . . . . 208 Tip 26 Finding Yourself: Geolocation . . . . . . . . . . . . 215 11 Where to Go Next 219 11.1 CSS3 Transitions . . . . . . . . . . . . . . . . . . . 220 11.2 Web Workers . . . . . . . . . . . . . . . . . . . . . . 222 11.3 Native Drag-and-Drop Support . . . . . . . . . . . 224 11.4 WebGL . . . . . . . . . . . . . . . . . . . . . . . . . 230 11.5 Indexed Database API . . . . . . . . . . . . . . . . 230 11.6 Client-Side Form Validation . . . . . . . . . . . . . 231 11.7 Onward! . . . . . . . . . . . . . . . . . . . . . . . . 232 A Features Quick Reference 233 A.1 New Elements . . . . . . . . . . . . . . . . . . . . . 233 A.2 Attributes . . . . . . . . . . . . . . . . . . . . . . . 234 A.3 Forms . . . . . . . . . . . . . . . . . . . . . . . . . . 234 A.4 Form Field Attributes . . . . . . . . . . . . . . . . . 235 A.5 Accessibility . . . . . . . . . . . . . . . . . . . . . . 236 A.6 Multimedia . . . . . . . . . . . . . . . . . . . . . . . 236 A.7 CSS3 . . . . . . . . . . . . . . . . . . . . . . . . . . 236 A.8 Client-Side Storage . . . . . . . . . . . . . . . . . . 239 A.9 Additional APIs . . . . . . . . . . . . . . . . . . . . 239 B jQuery Primer 241 B.1 Loading jQuery . . . . . . . . . . . . . . . . . . . . 241 B.2 jQuery Basics . . . . . . . . . . . . . . . . . . . . . 242 B.3 Methods to Modify Content . . . . . . . . . . . . . 242 B.4 Creating Elements . . . . . . . . . . . . . . . . . . 245 B.5 Events . . . . . . . . . . . . . . . . . . . . . . . . . 245 B.6 Document Ready . . . . . . . . . . . . . . . . . . . 246 C Encoding Audio and Video 248 C.1 Encoding Audio . . . . . . . . . . . . . . . . . . . . 248 C.2 Encoding Video for the Web . . . . . . . . . . . . . 249 D Resources 250 D.1 Resources on the Web . . . . . . . . . . . . . . . . 250 E Bibliography 252 Index 253