Welcome, readers!
Here are the examples and tutorials from the fourth edition of Creating a Website: The Missing Manual. Download them as a single ZIP file, then unzip it onto your hard drive to try them out. You'll find the content organized by chapter. (For example, the samples and tutorials from Chapter 2 are in a folder named "Chapter 2", and so on. You'll get it.)
Below is a chapter-by-chapter list of all the web links that are mentioned in the book. Click a link to visit the corresponding website, and continue your explorations. Happy travels!
| http://tinyurl.com/stats-browsers | Browser usage statistics |
| www.google.com/chrome | Google Chrome |
| www.microsoft.com/ie | Internet Explorer |
| www.mozilla.org/firefox | Mozilla Firefox |
| www.apple.com/safari | Safari |
| www.opera.com | Opera |
| http://validator.w3.org | W3C Validator |
| http://tinyurl.com/special-chrs | A list of special characters |
| http://tinyurl.com | The TinyURL address-shortening service |
| http://caniuse.com | Browser compatibility information for CSS3 features |
| www.cssportal.com/css3-color-names | List of CSS color names |
|
www.colorpicker.com www.colorschemer.com/online.html |
Fancy color-picking tools |
| http://tinyurl.com/cr9oyx http://tinyurl.com/325f9qs |
Fonts that you can safely use with no extra configuration |
| http://tinyurl.com/font-face-guide | How to use do-it-yourself embedded fonts |
| www.google.com/fonts | Google-supplied web fonts |
| http://tinyurl.com/2gy2vyg | Ways to use SVG graphics |
|
http://tinyurl.com/FileOptimizer http://imageoptim.com |
Image file shrinkers |
| http://tinyurl.com/ypf78g | How to create transparent PNG images with Photoshop |
| www.gimp.org | Free GIMP image editor |
| www.getpaint.net | Free Paint.NET image editor |
|
www.grsites.com/textures www.backgroundsarchive.com |
Free background background textures |
| http://images.google.com | Google image search |
| http://sxc.hu | Free images at Stock.XCHNG (now freeimages) |
| www.flickr.com/search/advanced | Advanced Flickr search (helps to find free images) |
|
www.istockphoto.com www.fotolia.com www.dreamstime.com |
Commercial stock photo sites |
| http://tinyurl.com/49yquv3 | Tips for finding free images |
| https://creative.adobe.com/plans | Adobe Creative Cloud plans |
| http://tiny.cc/creativecloud | Sign up for the Creative Cloud 30-day trial |
| http://tinyurl.com/freeEW | Expression Web (download) |
| www.asp.net/vwd | VIsual Studio Express for Web |
| http://brackets.io | Brackets |
| www.youtube.com/user/CodeBrackets | Brackets tutorials |
| http://blog.brackets.io | News on the brackets blog |
|
http://notepad-plus-plus.org www.barebones.com/products/textwrangler www.sublimetext.com |
Advanced text editors |
| http://meyerweb.com/eric/tools/dencoder | Make text safe for a URL |
| http://validator.w3.org/checklink | W3C link checker |
| http://paletton.com | Color-picking tool |
| http://tinyurl.com/css-specific | CSS precedence (for when rules conflict) |
| http://chrispederick.com/work/web-developer | Web Developer extension for Chrome and Firefox |
| http://tinyurl.com/mq-for-mobile | Using media queries to switch layouts |
| www.csszengarden.com | CSS Zen Garden style sheet examples |
| http://tinyurl.com/php-in-html | Giving .htm or .html files the ability to run PHP code |
| http://tinyurl.com/rnlmf | Top-level domains for specific countries |
| www.instantdomainsearch.com | One of many domain-searching tools |
| www.dreamhost.com www.hawkhost.com www.hostgo.com www.insiderhosting.com www.mddhosting.com www.ocssolutions.com www.pair.com http://speedysparrow.com www.stablehost.com |
A few of the many reputable web hosts you can use for your site |
| http://tinyurl.com/5zffwp | WebHostingTalk discussion board |
| www.free-webhosts.com. | A catalog of free web hosts (but don't use them unless you understand the risks described on page 297) |
|
http://cyberduck.io http://filezilla-project.org |
Free FTP programs |
| www.google.com/addurl | Add your site to Google |
| www.bing.com/toolbox/submit-site-url | Add your site to Bing |
|
www.markhorrell.com/seo/pagerank.html http://en.wikipedia.org/wiki/PageRank |
How Google's PageRank algorithm works |
| http://dmoz.org | Open Directory Project (ODP) |
|
http://dmoz.org/add.html http://dmoz.org/guidelines/ |
Rules for adding a site to the ODP |
|
www.google.com/toolbar http://tinyurl.com/64bjmtd |
Google Toolbar (for studying PageRank on your pages) |
| www.prchecker.info | Online tool to check your PageRank |
|
www.webmasterworld.com www.searchengineland.com |
News sites for Search Engine Optimization (SEO) |
| www.robotstxt.org | How to use the robots.txt file |
| www.google.com/webmasters/tools | The Google Webmaster Tools |
| www.google.com/webmasters/tools/removals | Request that Google removes your site from its catalog |
| www.archive.org | The Wayback Machine (archived content of old sites) |
| www.google.com/analytics | Google Analytics |
| http://moz.com/researchtools/ose | Open Site Explorer (to find out who links to you) |
|
www.reddit.com www.reddit.com/wiki/selfpromotion |
Reddit (and the rules for promoting yourself there) |
| http://places.google.com/business | Create a Google Places listing |
| http://adwords.google.com | Google AdWords |
| www.iterature.com/adwords | The story of an attempt to create AdWords-hosted poems |
| www.freecontactform.com/free.php | The basic script for a submission form |
|
www.emailmeform.com www.123contactform.com |
Form submission services |
| http://twitter.com | |
| https://twitter.com/settings/account | Twitter account settings page |
| www.facebook.com/pages/create.php | Create a Facebook Page |
|
www.facebook.com/badges http://tinyurl.com/get-like-button http://tinyurl.com/get-like-box |
Get a Facebook badge, Like button, or Like box for your site |
| http://plus.google.com | Google+ |
|
http://feedly.com http://theoldreader.com http://newsblur.com |
Popular feed readers |
| http://tinyurl.com/chromefeeds | Feed-reading plug-in for Chrome |
| http://wordpress.org | WordPress (for self-hosters who want to install the software) |
| http://wordpress.com | WordPress (the free hosted version) |
| www.blogger.com | Blogger |
| www.typepad.com | TypePad |
| http://mostpopularwebsites.net/1-50 | The top 50 most popular websites |
| http://drupal.org www.joomla.org |
Content-management systems |
| http://help.blogger.com | Blogger help |
| http://productforums.google.com/d/forum/blogger | Blogger discussion forms |
| http://tinyurl.com/295vg5 | Blogger’s template codes |
| http://tinyurl.com/n2zsbl | Giving your blog a custom domain |
| http://tinyurl.com/3n4hvu | BlogThis tool for blogging links |
|
www.google.com/adsense www.google.com/adsense/taxinfo www.google.com/adsense/policies |
Google AdSense |
| www.google.com/services/adsense_tour | An introductory AdSense walkthrough |
| http://affiliate-program.amazon.com | Amazon Associate program |
|
www.cafepress.com www.zazzle.com |
Marketplace for printing and selling personalized goods |
| www.paypal.com | PayPal (for shopping cart buttons) |
|
www.paypal.com/fees www.paypal.com/chargeback www.paypal.com/SellerProtection |
Information about PayPal's fees, buyer charbacks, and PayPal’s Seller Protection program |
| http://tinyurl.com/undef-js | How to check for undefined variables |
| www.w3schools.com/jsref | A JavaScript reference that details the properties and events of every element |
| www.dynamicdrive.com | Dynamic Drive (sample scripts) |
| www.dynamicdrive.com/dynamicindex1/slashdot.htm | The Slashdot menu script |
| http://lokeshdhakar.com/projects/lightbox2 | The Lightbox script for pictures |
| http://tinyurl.com/webmonkey-js | The Web Monkey JavaScript tutorial |
| http://jquery.com | jQuery (JavaScript library) |
| http://mootools.net | MooTools (JavaScript library) |
| http://dojotoolkit.org | Dojo (JavaScript library) |
|
www.buttongenerator.com www.grsites.com/button |
Tools for making button images |
| http://css-tricks.com/examples/ButtonMaker | Tool for making CSS3-styled buttons |
| http://tiny.cc/ihover | An animated button library that use JavaScript and CSS3 |
| http://learn.jquery.com | jQuery learning center |
|
http://audacity.sourceforge.net www.goldwave.com |
Sound editors |
| http://lame1.buanzo.com.ar | MP3 encoder support for the Audacity sound editor |
|
http://incompetech.com/music www.bensound.com http://musopen.org/music |
Find free music to use on your site |
| http://tinyurl.com/custom-player | How to build a custom media player |
| www.flashkit.com/loops | Free loops for background music |
| http://tinyurl.com/vid-for-ev | Using fallbacks to provide video in multiple formats |
|
http://handbrake.fr www.mirovideoconverter.com |
Tools to convert video files to different formats |
|
http://www.jwplayer.com http://flash.flowplayer.org |
Flash media players (a fallback for browsers that don't support the HTML5 media elements) |
| www.YouTube.com | YouTube |
| http://tinyurl.com/66onkub | YouTube help for video uploading |
| http://tinyurl.com/2kxnv3 | Customizing the YouTube video box |
| http://tinyurl.com/mobile-web-h | The Mobile Web Handbook (a book from Smashing Magazine) |