Code Samples
Code listings and samples from the books: HTML, CSS, and JavaScript All in One; HTML, CSS, & JavaScript Web Publishing; Sams Teach Yourself Bootstrap in 24 Hours; Sams Teach Yourself Responsive Web Design in 24 Hours; and Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours.
-
Teach Yourself Bootstrap Code Listings
Sams Teach Yourself Bootstrap in 24 Hours
-
Teach Yourself RWD in 24 Hours—Code Samples
Sams Teach Yourself Responsive Web Design in 24 Hours
-
Teach Yourself HTML5 in 24 Hours—Code Samples
Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours
-
Teach Yourself Bootstrap Part 4 Code Listings
Part 1 Part 2 Part 3 Part 4 Part 4: Customizing Bootstrap Hour 21: Customizing Bootstrap and Your Bootstrap Website Listing 21.1 body { background-color: #4C521D; } body > .container { …
-
Teach Yourself Bootstrap Part 1 Code Listings
Part 1 Part 2 Part 3 Part 4 Part 1: Getting Started with Bootstrap Hour 1: What is a Framework and Why You Should Use It Listing 1.1 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> …
-
Hour 23 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 23 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 23.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Dandylions</title> <link href="rwd code 23.2.css" …
-
Hour 22 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 22 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 22.1 if (Modernizr.geolocation) { // add your geolocation functions here alert("This browser supports …
-
Hour 19 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 19 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 19.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=""> <title>Testing …
-
Hour 18 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 18 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 18.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Simple Form</title> <style> fieldset { width: 50%; …
-
Hour 17 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 17 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 17.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Responsive Tables</title> <link href="rwd code …
-
Hour 16 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 16 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 16.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Responsive Video</title> <style> #main { width: …
-
Hour 15 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 15 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 15.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Dandylions</title> <link href="rwd code 15.2.css" …
-
Hour 14 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 14 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours Listing 14.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Dandylions</title> <link href="rwd code 14.4.css" …
-
Hour 13 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 13.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>RWD 13 - Close Links Hard to Click On</title> <meta name="viewport" content="width=device-width"> </head> <body> <ul> <li><a …
-
Hour 12 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 12.1 /\* CSS Document \*/ body { background-color: #dfdfdf; } #main { /\* width: 960px; \*/ background-color: #fff; margin: 0 auto; } Listing 12.1 HTML <!doctype html> <html> <head> <meta …
-
Hour 11 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 11.1 CSS @charset "UTF-8"; /\* styles for all browsers \*/ /\* here you would put your browser resets and any styles you want to be on every version of the site Things like: colors, fonts, …
-
Hour 6 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 6.1 /\* universal selector \*/ \* { font-size: 86%; } /\* element selector \*/ p { font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; } …
-
Hour 5 Code Samples - Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 5.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> </head> <body> </body> </html> Listing 5.2 <!doctype html> <html> <head> <meta charset="UTF-8"> …
-
Hour 2 Code Samples – Sams Teach Yourself Responsive Web Design in 24 Hours
Hour 2 Code Samples Listing 2.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Basic Table for a Layout</title> </head> <body> <table border="1"> <tr> <td> </td> <td> </td> …
-
Hour 1 Code Samples - Sams Teach Yourself Responsive Web Design in 24 Hours
Listing 1.1 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Single Pixel GIF Trick Demonstrated</title> </head> <body> <h1>Single Pixel GIF Trick Demonstrated </h1> <p>Here is a simple …