Commit 0c4a1993 authored by Gregory Hyman's avatar Gregory Hyman
Browse files

Update README.md with Missing CD page content

parent d0cd8fc1
Loading
Loading
Loading
Loading
+447 −0
Changes for README.md: 447 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -13,3 +13,450 @@ We appreciate, but do not require, attribution. An attribution usually includes
If you think your use of code examples falls outside fair use or the permission given here, feel free to contact us at <permissions@oreilly.com>.
  
Please note that the examples are not production code and have not been carefully testing. They are provided "as-is" and come with no warranty of any kind.

<h2>Missing CD-ROM</h2>

<p>You can access all of the example files for this book in this repo.</p>

<h3>Chapter 1. Creating Your First Page</h3>

<ul>
<li>Browser usage statistics<br>
<a href="http://tinyurl.com/stats-browsers">http://tinyurl.com/stats-browsers</a></li>

<li>Google Chrome<br>
<a href="http://www.google.com/chrome/">www.google.com/chrome/</a></li>

<li>Internet Explorer<br>
<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">www.microsoft.com/ie</a></li>

<li>Mozilla Firefox<br>
<a href="https://www.mozilla.org/en-US/firefox/new/">www.mozilla.org/firefox</a></li>

<li>Safari<br>
<a href="http://www.apple.com/safari/">www.apple.com/safari</a></li>

<li>Opera<br>
<a href="http://www.opera.com/">www.opera.com</a></li>

<li>W3C Validator<br>
<a href="http://validator.w3.org">http://validator.w3.org</a></li>
</ul>

<h3>Chapter 2. Becoming Fluent in HTML</h3>

<ul>
<li>A list of special characters<br>
<a href="http://tinyurl.com/special-chrs">http://tinyurl.com/special-chrs</a></li>

<li>The TinyURL address-shortening service<br>
<a href="http://tinyurl.com">http://tinyurl.com</a></li>
</ul>

<h3>Chapter 3. Building a Style Sheet</h3>
<ul>
<li>Browser compatibility information for CSS3 features<br>
<a href="http://caniuse.com">http://caniuse.com</a></li>

<li>List of CSS color names<br>
<a href="http://www.cssportal.com/css3-color-names/">www.cssportal.com/css3-color-names</a></li>

<li>Fancy color-picking tools<br>
<a href="http://www.colorpicker.com/">www.colorpicker.com</a><br>
<a href="http://www.colorschemer.com/online.html">www.colorschemer.com/online.html</a></li>

<li>Fonts that you can safely use with no extra configuration<br>
<a href="http://tinyurl.com/cr9oyx">http://tinyurl.com/cr9oyx</a><br>
<a href="http://tinyurl.com/325f9qs">http://tinyurl.com/325f9qs</a></li>

<li>How to use do-it-yourself embedded fonts<br>
<a href="http://tinyurl.com/font-face-guide">http://tinyurl.com/font-face-guide</a></li>

<li>Google-supplied web fonts<br>
<a href="https://www.google.com/fonts">www.google.com/fonts</a></li>
</ul>

<h3>Chapter 4. Adding Graphics</h3>
<ul>
<li>Ways to use SVG graphics<br>
<a href="http://tinyurl.com/2gy2vyg">http://tinyurl.com/2gy2vyg</a></li>

<li>Image file shrinkers<br>
<a href="http://tinyurl.com/FileOptimizer">http://tinyurl.com/FileOptimizer</a><br>
<a href="http://imageoptim.com">http://imageoptim.com</a></li>

<li>How to create transparent PNG images with Photoshop<br>
<a href="http://tinyurl.com/ypf78g">http://tinyurl.com/ypf78g</a></li>

<li>Free GIMP image editor<br>
<a href="http://www.gimp.org/">www.gimp.org</a></li>

<li>Free Paint.NET image editor<br>
<a href="http://www.getpaint.net/index.html">www.getpaint.net</a></li>

<li>Free background background textures<br>
<a href="http://www.grsites.com/archive/textures/">www.grsites.com/textures</a><br>
<a href="http://www.backgroundsarchive.com/">www.backgroundsarchive.com</a></li>

<li>Google image search<br>
<a href="http://images.google.com">http://images.google.com</a></li>

<li>Free images at Stock.XCHNG (now freeimages)<br>
<a href="http://sxc.hu">http://sxc.hu</a></li>

<li>Advanced Flickr search (helps to find free images)<br>
<a href="https://www.flickr.com/search/advanced">www.flickr.com/search/advanced</a></li>

<li>Commercial stock photo sites<br>
<a href="http://www.istockphoto.com/">www.istockphoto.com</a><br>
<a href="https://us.fotolia.com/">www.fotolia.com</a><br>
<a href="http://www.dreamstime.com/">www.dreamstime.com</a></li>

<li>Tips for finding free images<br>
<a href="http://tinyurl.com/49yquv3">http://tinyurl.com/49yquv3</a></li>
</ul>

<h3>Chapter 5. Working with a Web Editor</h3>
<ul>
<li>Adobe Creative Cloud plans<br>
<a href="https://creative.adobe.com/plans">https://creative.adobe.com/plans</a></li>

<li>Sign up for the Creative Cloud 30-day trial<br>
<a href="http://tiny.cc/creativecloud">http://tiny.cc/creativecloud</a></li>

<li>Expression Web (download)<br>
<a href="http://tinyurl.com/freeEW">http://tinyurl.com/freeEW</a></li>

<li>Visual Studio Express for Web<br>
<a href="http://www.asp.net/vwd">www.asp.net/vwd</a></li>

<li>Brackets<br>
<a href="http://brackets.io">http://brackets.io</a></li>

<li>Brackets tutorials<br>
<a href="https://www.youtube.com/user/CodeBrackets">www.youtube.com/user/CodeBrackets</a></li>

<li>News on the brackets blog<br>
<a href="http://blog.brackets.io">http://blog.brackets.io</a></li>

<li>Advanced text editors<br>
<a href="http://notepad-plus-plus.org">http://notepad-plus-plus.org</a><br>
<a href="http://www.barebones.com/products/textwrangler/">www.barebones.com/products/textwrangler</a><br>
<a href="http://www.sublimetext.com/">www.sublimetext.com</a></li>
</ul>

<h3>Chapter 6. Linking Pages</h3>
<ul>
<li>Make text safe for a URL<br>
<a href="http://meyerweb.com/eric/tools/dencoder">http://meyerweb.com/eric/tools/dencoder</a></li>

<li>W3C link checker<br>
<a href="http://validator.w3.org/checklink">http://validator.w3.org/checklink</a></li>
</ul>

<h3>Chapter 7. Designing Better Style Sheets</h3>
<ul>
<li>Color-picking tool<br>
<a href="http://paletton.com">http://paletton.com</a></li>

<li>CSS precedence (for when rules conflict)<br>
<a href="http://tinyurl.com/css-specific">http://tinyurl.com/css-specific</a></li>
</ul>

<h3>Chapter 8. Page Layout</h3>
<ul>
<li>Web Developer extension for Chrome and Firefox<br>
<a href="http://chrispederick.com/work/web-developer">http://chrispederick.com/work/web-developer</a></li>

<li>Using media queries to switch layouts<br>
<a href="http://tinyurl.com/mq-for-mobile">http://tinyurl.com/mq-for-mobile</a></li>

<li>CSS Zen Garden style sheet examples<br>
<a href="http://www.csszengarden.com/">www.csszengarden.com</a></li>

<li>Giving .htm or .html files the ability to run PHP code<br>
<a href="http://tinyurl.com/php-in-html">http://tinyurl.com/php-in-html</a></li>
</ul>

<h3>Chapter 9. Getting Your Site Online</h3>
<ul>
<li>Top-level domains for specific countries<br>
<a href="http://tinyurl.com/rnlmf">http://tinyurl.com/rnlmf</a></li>

<li>One of many domain-searching tools<br>
<a href="https://instantdomainsearch.com/">www.instantdomainsearch.com</a></li>

<li>A few of the many reputable web hosts you can use for your site<br>
<a href="https://www.dreamhost.com/">www.dreamhost.com</a><br>
<a href="https://www.hawkhost.com/">www.hawkhost.com</a><br>
<a href="http://www.hostgo.com/">www.hostgo.com</a><br>
<a href="http://www.insiderhosting.com/">www.insiderhosting.com</a><br>
<a href="https://www.mddhosting.com/">www.mddhosting.com</a><br>
<a href="https://www.ocssolutions.com">www.ocssolutions.com</a><br>
<a href="https://www.pair.com/">www.pair.com</a><br>
<a href="http://speedysparrow.com">http://speedysparrow.com</a><br>
<a href="https://www.stablehost.com/">www.stablehost.com</a></li>

<li>WebHostingTalk discussion board<br>
<a href="http://tinyurl.com/5zffwp">http://tinyurl.com/5zffwp</a></li>

<li>A catalog of free web hosts (but don't use them unless you understand the risks described on page 297)<br>
<a href="http://www.free-webhosts.com/">www.free-webhosts.com</a></li>

<li>Free FTP programs<br>
<a href="http://cyberduck.io">http://cyberduck.io</a><br>
<a href="http://filezilla-project.org">http://filezilla-project.org</a></li>
</ul>

<h3>Chapter 10. Introducing Your Site to the World</h3>
<ul>
<li>Add your site to Google<br>
<a href="https://www.google.com/addurl">www.google.com/addurl</a></li>

<li>Add your site to Bing<br>
<a href="http://www.bing.com/toolbox/submit-site-url">www.bing.com/toolbox/submit-site-url</a></li>

<li>How Google's PageRank algorithm works<br>
<a href="http://www.markhorrell.com/seo/pagerank.html">www.markhorrell.com/seo/pagerank.html</a><br>
<a href="http://en.wikipedia.org/wiki/PageRank">http://en.wikipedia.org/wiki/PageRank</a></li>

<li>Open Directory Project (ODP)<br>
<a href="http://dmoz.org">http://dmoz.org</a></li>

<li>Rules for adding a site to the ODP<br>
<a href="http://dmoz.org/add.html">http://dmoz.org/add.html</a><br>
<a href="http://dmoz.org/guidelines/">http://dmoz.org/guidelines/</a></li>

<li>Google Toolbar (for studying PageRank on your pages)<br>
<a href="https://www.google.com/toolbar">www.google.com/toolbar</a><br>
<a href="http://tinyurl.com/64bjmtd">http://tinyurl.com/64bjmtd</a></li>

<li>Online tool to check your PageRank<br>
<a href="http://www.prchecker.info/">www.prchecker.info</a></li>

<li>News sites for Search Engine Optimization (SEO)<br>
<a href="https://www.webmasterworld.com/">www.webmasterworld.com</a><br>
<a href="http://searchengineland.com/">www.searchengineland.com</a></li>

<li>How to use the robots.txt file<br>
<a href="http://www.robotstxt.org/">www.robotstxt.org</a></li>

<li>The Google Webmaster Tools<br>
<a href="https://www.google.com/webmasters/tools">www.google.com/webmasters/tools</a></li>

<li>Request that Google removes your site from its catalog<br>
<a href="https://www.google.com/webmasters/tools/removals">www.google.com/webmasters/tools/removals</a></li>

<li>The Wayback Machine (archived content of old sites)<br>
<a href="https://archive.org/">www.archive.org</a></li>

<li>Google Analytics<br>
<a href="http://www.google.com/analytics">www.google.com/analytics</a></li>
</ul>

<h3>Chapter 11. Website Promotion</h3>
<ul>
<li>Open Site Explorer (to find out who links to you)<br>
<a href="http://moz.com/researchtools/ose">http://moz.com/researchtools/ose</a></li>

<li>Reddit (and the rules for promoting yourself there)<br>
<a href="http://www.reddit.com/">www.reddit.com</a><br>
<a href="http://www.reddit.com/wiki/selfpromotion">www.reddit.com/wiki/selfpromotion</a></li>

<li>Create a Google Places listing<br>
<a href="http://places.google.com/business">http://places.google.com/business</a></li>

<li>Google AdWords<br>
<a href="http://adwords.google.com">http://adwords.google.com</a></li>

<li>The story of an attempt to create AdWords-hosted poems<br>
<a href="http://www.iterature.com/adwords/">www.iterature.com/adwords</a></li>

<li>The basic script for a submission form<br>
<a href="http://www.freecontactform.com/free.php">www.freecontactform.com/free.php</a></li>

<li>Form submission services<br>
<a href="http://www.emailmeform.com/">www.emailmeform.com</a><br>
<a href="http://www.123contactform.com/">www.123contactform.com</a></li>

<li>Twitter<br>
<a href="http://twitter.com">http://twitter.com</a></li>

<li>Twitter account settings page<br>
<a href="https://twitter.com/settings/account">https://twitter.com/settings/account</a></li>

<li>Create a Facebook Page<br>
<a href="https://www.facebook.com/pages/create.php">www.facebook.com/pages/create.php</a></li>

<li>Get a Facebook badge, Like button, or Like box for your site<br>
<a href="https://www.facebook.com/badges">www.facebook.com/badges</a><br>
<a href="http://tinyurl.com/get-like-button">http://tinyurl.com/get-like-button</a><br>
<a href="http://tinyurl.com/get-like-box">http://tinyurl.com/get-like-box</a></li>

<li>Google+<br>
<a href="http://plus.google.com">http://plus.google.com</a></li>
</ul>

<h3>Chapter 12. Adding a Blog</h3>
<ul>
<li>Popular feed readers<br>
<a href="http://feedly.com">http://feedly.com</a><br>
<a href="http://theoldreader.com">http://theoldreader.com</a><br>
<a href="http://newsblur.com">http://newsblur.com</a></li>

<li>Feed-reading plug-in for Chrome<br>
<a href="http://tinyurl.com/chromefeeds">http://tinyurl.com/chromefeeds</a></li>

<li>WordPress (for self-hosters who want to install the software)<br>
<a href="http://wordpress.org">http://wordpress.org</a></li>

<li>WordPress (the free hosted version)<br>
<a href="http://wordpress.com">http://wordpress.com</a></li>

<li>Blogger<br>
<a href="https://www.blogger.com">www.blogger.com</a></li>

<li>TypePad<br>
<a href="http://www.typepad.com/">www.typepad.com</a></li>

<li>The top 50 most popular websites<br>
<a href="http://mostpopularwebsites.net/1-50">http://mostpopularwebsites.net/1-50</a></li>

<li>Content-management systems<br>
<a href="http://drupal.org">http://drupal.org</a><br>
<a href="http://www.joomla.org/">www.joomla.org</a></li>

<li>Blogger help<br>
<a href="http://help.blogger.com">http://help.blogger.com</a></li>

<li>Blogger discussion forms<br>
<a href="http://productforums.google.com/d/forum/blogger">http://productforums.google.com/d/forum/blogger</a></li>

<li>Blogger’s template codes<br>
<a href="http://tinyurl.com/295vg5">http://tinyurl.com/295vg5</a></li>

<li>Giving your blog a custom domain<br>
<a href="http://tinyurl.com/n2zsbl">http://tinyurl.com/n2zsbl</a></li>

<li>BlogThis tool for blogging links<br>
<a href="http://tinyurl.com/3n4hvu">http://tinyurl.com/3n4hvu</a></li>
</ul>

<h3>Chapter 13. Making Money with Your Site</h3>
<ul>
<li>Google AdSense<br>
<a href="https://www.google.com/adsense">www.google.com/adsense</a><br>
<a href="https://support.google.com/adsense/answer/2490070?hl=en">www.google.com/adsense/taxinfo</a><br>
<a href="https://support.google.com/adsense/answer/48182?hl=en">www.google.com/adsense/policies</a></li>

<li>An introductory AdSense walkthrough<br>
<a href="https://www.google.com/adsense/www/en_US/tour/">www.google.com/services/adsense_tour</a></li>

<li>Amazon Associate program<br>
<a href="http://affiliate-program.amazon.com">http://affiliate-program.amazon.com</a></li>

<li>Marketplace for printing and selling personalized goods<br>
<a href="http://www.cafepress.com/">www.cafepress.com</a><br>
<a href="http://www.zazzle.com/">www.zazzle.com</a></li>

<li>PayPal (for shopping cart buttons)<br>
<a href="https://www.paypal.com/home">www.paypal.com</a></li>

<li>Information about PayPal's fees, buyer charbacks, and PayPal’s Seller Protection program<br>
<a href="https://www.paypal.com/webapps/mpp/paypal-fees">www.paypal.com/fees</a><br>
<a href="https://www.paypal.com/us/webapps/mpp/security/chargeback-guide">www.paypal.com/chargeback</a><br>
<a href="https://www.paypal.com/us/webapps/mpp/security/seller-protection#paypal_protects_you">www.paypal.com/SellerProtection</a></li>
</ul> 

<h3>Chapter 14. JavaScript: Adding Interactivity</h3>
<ul>
<li>How to check for undefined variables<br>
<a href="http://tinyurl.com/undef-js">http://tinyurl.com/undef-js</a></li>

<li>A JavaScript reference that details the properties and events of every element<br>
<a href="http://www.w3schools.com/jsref/">www.w3schools.com/jsref</a></li>

<li>Dynamic Drive (sample scripts)<br>
<a href="http://www.dynamicdrive.com/">www.dynamicdrive.com</a></li>

<li>The Slashdot menu script<br>
<a href="http://www.dynamicdrive.com/dynamicindex1/slashdot.htm">www.dynamicdrive.com/dynamicindex1/slashdot.htm</a></li>

<li>The Lightbox script for pictures<br>
<a href="http://lokeshdhakar.com/projects/lightbox2">http://lokeshdhakar.com/projects/lightbox2</a></li>

<li>The Web Monkey JavaScript tutorial<br>
<a href="http://tinyurl.com/webmonkey-js">http://tinyurl.com/webmonkey-js</a></li>

<li>jQuery (JavaScript library)<br>
<a href="http://jquery.com">http://jquery.com</a></li>

<li>MooTools (JavaScript library)<br>
<a href="http://mootools.net">http://mootools.net</a></li>

<li>Dojo (JavaScript library)<br>
<a href="http://dojotoolkit.org">http://dojotoolkit.org</a></li>
</ul>

<h3>Chapter 15. Dynamic Buttons and Menus</h3>
<ul>
<li>Tools for making button images<br>
<a href="http://www.buttongenerator.com/">www.buttongenerator.com</a><br>
<a href="http://www.grsites.com/generate/group/2000/">www.grsites.com/button</a></li>

<li>Tool for making CSS3-styled buttons<br>
<a href="http://css-tricks.com/examples/ButtonMaker">http://css-tricks.com/examples/ButtonMaker</a></li>

<li>An animated button library that use JavaScript and CSS3<br>
<a href="http://tiny.cc/ihover">http://tiny.cc/ihover</a></li>

<li>jQuery learning center<br>
<a href="http://learn.jquery.com">http://learn.jquery.com</a></li>
</ul>

<h3>Chapter 16. Audio and Video</h3>
<ul>
<li>Sound editors<br>
<a href="http://audacity.sourceforge.net">http://audacity.sourceforge.net</a><br>
<a href="http://www.goldwave.com/">www.goldwave.com</a></li>

<li>MP3 encoder support for the Audacity sound editor<br>
<a href="http://lame1.buanzo.com.ar">http://lame1.buanzo.com.ar</a></li>

<li>Find free music to use on your site<br>
<a href="http://incompetech.com/music">http://incompetech.com/music</a><br>
<a href="http://www.bensound.com/">www.bensound.com</a><br>
<a href="http://musopen.org/music">http://musopen.org/music</a></li>

<li>How to build a custom media player<br>
<a href="http://tinyurl.com/custom-player">http://tinyurl.com/custom-player</a></li>

<li>Free loops for background music<br>
<a href="http://www.flashkit.com/loops">www.flashkit.com/loops</a></li>

<li>Using fallbacks to provide video in multiple formats<br>
<a href="http://tinyurl.com/vid-for-ev">http://tinyurl.com/vid-for-ev</a></li>

<li>Tools to convert video files to different formats<br>
<a href="http://handbrake.fr">http://handbrake.fr</a><br>
<a href="http://www.mirovideoconverter.com/">www.mirovideoconverter.com</a></li>

<li>Flash media players (a fallback for browsers that don't support the HTML5 media elements)<br>
<a href="http://www.jwplayer.com">http://www.jwplayer.com</a><br>
<a href="http://flash.flowplayer.org">http://flash.flowplayer.org</a></li>

<li>YouTube<br>
<a href="https://www.youtube.com/">www.YouTube.com</a></li>

<li>YouTube help for video uploading<br>
<a href="http://tinyurl.com/66onkub">http://tinyurl.com/66onkub</a></li>

<li>Customizing the YouTube video box<br>
<a href="http://tinyurl.com/2kxnv3">http://tinyurl.com/2kxnv3</a></li>
</ul>

<h3>Appendix A. Where to Go from Here</h3>
<ul>
<li>The Mobile Web Handbook (a book from Smashing Magazine)<br>
<a href="http://tinyurl.com/mobile-web-h">http://tinyurl.com/mobile-web-h</a></li>
</ul>