Hacker News new | past | comments | ask | show | jobs | submit login
British bookseller hides reading list for developers in its website source code (waterstones.com)
148 points by e15ctr0n on Feb 20, 2015 | hide | past | web | favorite | 35 comments



  <!--  Interested in code, web design and web development?  Check out our bestselling books on Web Programming: -->
    <!--  HTML & CSS by Jon Duckett :  https://www.waterstones.com/book/html-and-css/jon-duckett/9781118008188 -->
    <!--  Python in Easy Steps by Mike McGrath : https://www.waterstones.com/book/python-in-easy-steps/mike-mcgrath/9781840785968 -->
    <!--  JavaScript & JQuery by Jon Duckett : https://www.waterstones.com/book/javascript-and-jquery/jon-duckett/9781118531648 -->
    <!--  PHP & MYSQL in Easy Steps by Mike McGrath : https://www.waterstones.com/book/php-and-mysql-in-easy-steps/mike-mcgrath/9781840785371 -->
    <!--  Javascript: The Good Parts by Douglas Crockford : https://www.waterstones.com/book/javascript-the-good-parts/douglas-crockford/9780596517748 -->
    <!--  Learning Python with Raspberry Pi by Alex Bradbury : https://www.waterstones.com/book/learning-python-with-raspberry-pi/alex-bradbury/ben-everard/9781118717059 -->
    <!--  AngularJS: Up and Running by Shyam Seshadri :  https://www.waterstones.com/book/angularjs-up-and-running/shyam-seshadri/brad-green/9781491901946-->
    <!--  Transcending CSS by Andy Clarke  : https://www.waterstones.com/book/transcending-css/andy-clarke/molly-e-holzschlag/9780321410979 -->
    <!--  Jump Start Responsive Web Design by Craig Sharkie : https://www.waterstones.com/book/jump-start-responsive-web-design/craig-sharkie/andrew-fisher/9780987332165 -->


It's in the <head> element.

    <!--  Waterstones E-Commerce Platform Version :  1.0 -->
    <!--  ServerID = 9-->
    <!-- 					    -->
    <!--  Interested in code, web design and web development?  Check out our bestselling books on Web Programming: -->
    <!--  HTML & CSS by Jon Duckett :  https://www.waterstones.com/book/html-and-css/jon-duckett/9781118008188 -->
    <!--  Python in Easy Steps by Mike McGrath : https://www.waterstones.com/book/python-in-easy-steps/mike-mcgrath/9781840785968 -->
    <!--  JavaScript & JQuery by Jon Duckett : https://www.waterstones.com/book/javascript-and-jquery/jon-duckett/9781118531648 -->
    <!--  PHP & MYSQL in Easy Steps by Mike McGrath : https://www.waterstones.com/book/php-and-mysql-in-easy-steps/mike-mcgrath/9781840785371 -->
    <!--  Javascript: The Good Parts by Douglas Crockford : https://www.waterstones.com/book/javascript-the-good-parts/douglas-crockford/9780596517748 -->
    <!--  Learning Python with Raspberry Pi by Alex Bradbury : https://www.waterstones.com/book/learning-python-with-raspberry-pi/alex-bradbury/ben-everard/9781118717059 -->
    <!--  AngularJS: Up and Running by Shyam Seshadri :  https://www.waterstones.com/book/angularjs-up-and-running/shyam-seshadri/brad-green/9781491901946-->
    <!--  Transcending CSS by Andy Clarke  : https://www.waterstones.com/book/transcending-css/andy-clarke/molly-e-holzschlag/9780321410979 -->
    <!--  Jump Start Responsive Web Design by Craig Sharkie : https://www.waterstones.com/book/jump-start-responsive-web-design/craig-sharkie/andrew-fisher/9780987332165 -->


http://www.qwantz.com/index.php

  <!--
                                            ,~~~~~~~~~~~~~~~~~~~~,
                                          ,'   You guys!! What    ',
                                          |    does that code      |
                                          ',   even MEAN?         ,'
                                            '~~~~~~.,   ,.~~~~~~~'
                                                    |  /
                                                    | /
                                                    |/
                                                    '
                                             .~-,
                                           .' `,>
                                        .-'   ,>  <7`,
                                      ,`     ,>  <7  }
                                     {   o   !> <7  /
                                     {       j_7`  !
                                     :            j'
                                      `,         ]
                                       F        }
                                      F       , {
                                     F         `.   rr
                                   .F          | `=-"
         _,-`                    .F            `,
       ,`;                     .F               j
      :  7                    F                 ;
      :  `^,                F`                 ,'
      `,    `^,          ,F`     .          ,  /
        `,     `^-^-^-^-`       ;           | ;
          `.                    :          .`/      ,-^,-
            `-.                 }         ,'' `,_.-^ /'
               `-,___           ;      .'` -_      ,7
                     ``=-....-={     ,/      `-','`Q
                                \     |                .-'-.]
                                 `,   `.             .`  0  `.
                                  `,   l_           `|  __   |`
                                 .C.-,___`==,        |  ||   |
  -->


Another gem in there is

  <!--[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="/iesucks.css" />
  <![endif]-->


I always like finding stuff like this. Imgur has a really good ascii art job advert that shows up in the JS console.


https://developer.mozilla.org/

              _.-~-.
               7''  Q..\
            _7         (_
          _7  _/    _q.  /
        _7 . ___  /VVvv-'_                                            .
       7/ / /~- \_\\      '-._     .-'                      /       //
      ./ ( /-~-/||'=.__  '::. '-~'' {             ___   /  //     ./{
     V   V-~-~| ||   __''_   ':::.   ''~-~.___.-'' _/  // / {_   /  {  /
      VV/-~-~-|/ \ .'__'. '.    '::                     _ _ _        ''.
      / /~~~~||VVV/ /  \ )  \        _ __ ___   ___ ___(_) | | __ _   .::'
     / (~-~-~\\.-' /    \'   \::::. | '_ ` _ \ / _ \_  / | | |/ _` | :::'
    /..\    /..\__/      '     '::: | | | | | | (_) / /| | | | (_| | ::'
    vVVv    vVVv                 ': |_| |_| |_|\___/___|_|_|_|\__,_| ''

    Hi there, nice to meet you!

    Interested in having a direct impact on hundreds of millions of users? Join
    Mozilla, and become part of a global community that’s helping to build a
    brighter future for the Web.

    Visit https://careers.mozilla.org to learn about our current job openings.
    Visit https://www.mozilla.org/contribute for more ways to get involved and
    help support Mozilla.


  "
      _
     (_)
      _ _ __ ___   __ _ _   _ _ __
     | | '_ ` _ \ / _` | | | | '__|
     | | | | | | | (_| | |_| | |
     |_|_| |_| |_|\__, |\__,_|_|
                   __/ |
                  |___/
  ========================================
  You opened the console! Know some code,
  do you? Want to work for one of the best
  startups around? http://imgur.com/jobs
  ========================================
  "


As of yesterday the New York Times had a great ascii version of their abbreviated 'T' logo, and the text "All the code that's fit to printf()", along with a "we're hiring!" message.

They must have filled the position, though, because the advert is now gone.


              0000000                         000        0000000
            111111111      11111111100          000      111111111
            00000        111111111111111111      00000      000000
            000        1111111111111111111111111100000         000
            000        1111       1111111111111111100          000
            000         11       0     1111111100              000
            000          1      00             1               000
            000               00      00       1               000
            000             000    00000       1               000
         00000            0000  00000000       1                00000
       11111            000 00    000000      000                 11111
         00000          0000      000000     00000              00000
            000        10000      000000      000              0000
            000        00000      000000       1               000
            000        000000     10000        1     0         000
            000        1000000 00              1    00         000
            000         1111111                1 0000          000
            000          1111111100           000000           000
            0000          111111111111111110000000            0000
            111111111        111111111111100000          111111111
              0000000              00000000              0000000
       
       
       NYTimes.com: All the code that's fit to printf()
       We're hiring: http://nytimes.com/careers


Check out the code in http://www.ilikearchitecture.net


Looks like the famous architect Le Corbusier. https://en.wikipedia.org/wiki/Le_Corbusier

  <!--NMMMMMMMMMMMMMNNDONNNNNMMMMMNNDDMN7NDNMDMMMMMMMMMMMMMMMMMMMMMMMMMNMNMMNNMMMM
  MMMMMNMMNMMMMMMMMMMDMMMNDNO+7Z$I+++?++$+?ODNMMMMMMMMMMMMMMMMMMMMMMMMMNMMMMNNMMMM
  MMMMMMMMNMMMMMMMMMMOZMNNNZI7+++=+~==:~=~~+?+II$ZNMMMMMMMMMMMNMMMMMNMMMMMMMNNMMMM
  MMMNMMMMMMMMMMMDNMMMMMD+=+?+?+=+=~~=~~~=~=?+?+??$7ZMMMMMMMMMMMMMMMMMMMMMMMNNMMMM
  MNNMNMMMNMMMNNNMMMMZ?++?=~I+++=+==~~:=~~~:~~++??I?$$DDNMMMMMMMMNMMNNNMMMMMNNMMMM
  NNMNMNMMMMMNMNMNONI+?I+=~~+===~==~~~=~~~===~===+?II7$ONMMMMMMMMMMMMMMMMMMMNNMMMM
  NMMMMMMMMMNMNNMDO?7I=++~=~++=~=:~~~~=~~~~~~~~+=~=++??$ZNMMMMMMMMMMMMMMMMMMNNMMMM
  NNMMMMMMNMMNMMNNI+++~:::==+~:::,~:,::~:::,~::~===~~+???7DMMMMMMMMMMMMMMMMMNNMMMM
  NMMMMMMMMMMMMMOI++~=,~,,,~~:,,,,,::,:,:~~~:~:,,,:::~=++II8MMMMMMMMMMMMMMMMNNMMMM
  MNMMMMMMMMMMM$I==+++~:,,::::,~,:,.,~,,,,....,.,~::~:==+I7I$NMMMMMMMMMMMMMMNNMMMM
  MMMMMMMMMMMMII~:=I:,,...~.~,:~:,:.,,:,,:::,,:~::~+++===~~IINMMMMMMMMMMMMMMNNMMMM
  MMMMMMMMMMMD$=I~7+~,,.,,.,,,,,:,,::.:~~::::~:~=~~~:,:~=~+7?$IMMMMMMMMMMMMMDNMMMM
  NMMMMMMMMMD8~?~I?~:~:,,,,,:,,:,,:.,,.,:,,..,,:.,~~=~:===+?+IZ$MMMMMMMMMMMMNMMMMM
  NMMMMMMMMNO,~=+:=:~,,...,,~:...:,:.~,,::,::,..,,,::~,:~:===I8?MMMMMMMMMMMMMMMMMM
  MMMMMNNMMMZ~++=+:::,,,,,,,,,,.,,~:.:,,,,=~~I?=,..:.:,,,,::==O$MMMMMMMMMMMMMMMMMM
  NMMMMMMNMN,~===.:,,,,~:,,,,,,,::,:,,.=?I+??~,,,:,,,,,,:,,,:~I$NMMMMMMMMMMMMMMMMM
  NMMMMMNMM7~~?::~~:,~~,,=,,,,,,,:,,~$MMMMMMMMMD,.,,...,:.:,~~??$MNMMMMMMMMMMMMMMM
  MMMNMMNND?=?~=:~~~::::~7NMMMMMOMO MMMMO$DNNZIOMMD....,,,~:~+$ZD8NMMMMMMMMMMMMMMM
  NNNMNNNNO=~I,=MMMMMMMMMMMMMMMMMMM.MMODZ==?+?~::IMMI,,,:+?IMMMMMMMMMMMMMMMMMMMMMM
  NNMNNNNDO7=:7MMMMMMMMM8Z$Z7=,::,,DMM:,=,I:I7?=::,MMMMMMMMNMNODONOMMMMMMMMMMMMMMM
  NNMMNNNO:,::~7N7::,,::,,:,:,,.,.:MNM:.,~I,=+7==,.OMZMMMM7MN8$8~7MN?MMMMMMMMMMMMM
  NNMMNNN:~,,,,.,,~,~:~:::::,,,,.:,$NM$+~,~+II+~?:.8MN8ZMMMMM7:O$8MN$,MMMMMMMMMMMM
  NNNNNN,:.:...,..,~:~::~=~::,,:,,,,MMIZ~~=+??I+=Z8NN~~=IMM$7?I$7MMNI 7MMMMMMMMMMM
  NNNNNN.,.:..,,,,~=~~~:~=::::,:::,.?MND?:==+==~=ZMN,::~=OMM?~=$$MMD? DMMMMMMMMMMM
  NNNNNN,,,,.,:O.,~+~~=~~:~~:,::,.:..+MM+=+=~~~+MMI::~::~IMMI++7DMMOIZMMMMMMMMMMMM
  NDMNNN.,=..~:.~:~~~~=:~=~::,,,.,,..,,MMMMDDMMMD:,,,::=~+DM8III7MNOIMMMMMMMMMMMMM
  DNNNNN,:~.:~,.:,,:~~~~=~=~::,,,,...,,,,,7DD8+,,,,,:,:~~+8MMO77$N+NMMMMMMMMMMMMMM
  NNNNNND,=.~~,...,:=:~~~~+=~,,:,,,...,.,,,:~=,,:~:::::,:=$MMMMMMMMMMMMMMMMMMMMMMM
  NNMNNND~,:,~~~~:~:~~~,:~~:~:,,,,,,,....,~+~:,~:,:,,:..:~$MMO8NMMMMMMMMMMMMMMMMMM
  8DNNNNNN~,,,:,::=~:~::::~=:,,:,,,,,,,,:~+~,:~:~::,,:,::=MMMOI7ZMMMMMMMMMMMMMMMMM
  ZDMNNMNNN~~:=~,.:~:=::::~~,,::,:,,,,:::=,,,,:~~=OZI:=+?MMMDZI7OMMMMMMMMMMMMMMMMM
  NNNNNMNNNOI~~::7:~~::~~:::,::,,,,,:,,:~,,,,,::~:~:+:INNMM$?+IZMMMMMMMMMMMMMMNMMM
  NMNNNMMNNNZI???=,~~:,~::::,:,,:,,,:,,,,,..,,,:::~++~+7Z8Z?~?7DMMMMMMMMMMMMMMMMMM
  MMNNMMNNMNN7+++==~~~:~=::,::,,,,,,:::,,,,,,,:,,::++++7$ZO?=I$MMMMMMMMMMMMMMMMMMM
  NMNNNMNNNNNZI?+~==:~,:~~::::..,,,,:,:~::,,.,,~:,:=+~?7ZOD7+7DMMMMMMMMMMMMMMMMMMM
  MMMNMMNNND77I==++~::::~~~:::,,:,,:~:::~I+++===~==~I$7$Z8DNI$MMMMMMMMMMMMMMMMMNMM
  NNNNNNNN8=$$Z?~~++:~~~~:~:=:,,,:,.::~::,,:=~::~==??$8DZ888IOMMMMMMMMMMMMMMMMMMMM
  ?+DNNMNZI+O+I:?+?=~:~=~~:~~~,,,,,:,,:,,,.,,,,,,:~==I$ON?Z??MMMMMMMMMMMMMMMMMMMMM
  =~?7$NI7~$~OI8.+===~,~~=:~~::,,:::,,:,,,,,,,,,:=:=?IIZ8D?=OMMMMMMMMMMMMMMMMMMMMM
  ~II~IODN?8$:I~?,==~~,:~I~~=:::,,:::,,,,,::,,:::::+?=I?788IMMMMMMMMMMMMMMMMMMMMMM
  :~???$NI$+?$+I$$.+=~=:::===~::::~::,,,,,,:,::~~~~++++?IDNMMMMMMMMMMMMMMMMMMMMMMM
  Z~~I+:ON$=D7ZD~~,.+~~,:.~~~+~:::::,:,,,,,,,:~~==~=+=~+7NMMMMMMMMMMMMMMMMMMMMMMMM
  +7I$+++ONN~7$:,?D. ,:~:,::?=~+~~:~::,,:,:,,::~==+==+=+$DMMMMMMMMMMMMMMMMMMMMMMMM
  ~~$=I:$DNZ77::8?:$. .=:~:~::+~=++==~::,:,,,,~~~==+=?+IDMMMMMMMMMMMMMMMMMMMMMMMMM
  ?$?:??Z?INNN+7:,8$+. . =:=~=~~+++I+=~~:::,:::::~~~+?+7NMMMMMMMMMMMMMMMMMMMMMMMMM
  +O~+7O~=+ZDZ$DZ87=D8 ... ===+=?=~++?7?+=:::~:~:===++?NMMMMMMMMMMMMMMMMMMMMMMMMMM
  I:=?I:7+I??MN8.~78,:Z.......?+?==II$8O8O7I+====?+?IZMMMMMMMMMMMMMMMMMMMMMMMMMMMN
  +I?+?I+:+7OIMO=8Z+:Z7=........,+I+=?+I?+INDMMDOZMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN
  ?I:7?+~7O=?7$DMD~,O$OO=... ......:$$+$++$$MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN
  ~:$:?77=~7Z+I7M?I=8=8$?,........,.,:I7=?8NMMMMMMMMCharles-Édouard_Jeanneret-Gris
  ?=+=I:$II+=?7?ZMZ7$8O.O$ ...,,,,,,,.,:IIMMMMMMMMMMMMMMMMILikeArchitecture.net-->


I found this a while back on vimeo jobs page.

"Ahhhh…greetings, fellow internet developer! We’ve been looking for you: https://vimeo.com/jobs"


I've had the following ASCII art in the source of my personal site (driverdan.com) for a few years. There are a lot of tools to convert images to ASCII so it's pretty easy to do.

    <!--
    HTML5 Boilerplate! AAAAAAAAAAWWWWWW YYYYYYEEEEEEEEAAAAAAAA!
                                                               ;;;:.;G@@H@s                                     
                                                           ;i:;;;2     .:i@@#:                                  
                                                        ;@@#.   :.         sM@@:                                
                                                      .sH:,i@;    .5SGH@G    r@@3.                              
                                                     5s.  :,,,    ,r:. 5@@H   ,@#@2                             
                                                    r@,:9@   ,;,.   ,r,  r#    r&;@A                            
                                                    3:  @@  rHAS;i   .;;        @;2@B                           
                                                   i;  .39, : :  5             @HS#s@9                          
                                                  &S H@,,si;#29;  ;           :@MiG@SB                          
                                                 Br r@  ;;r.  :B@:#.          S@.@@H@@9                         
                                                Xs  , ;5@HMB@.; ;@B;           #.,@@G@H                         
                                               ,Bi,  ,@H.   ;i9h  H: .         ;rrrH@@@                         
                                               #.; ir3;s     .i#@ @  S       ,@@; Xr;X@:                        
                                              r#.i @XXriB#@hXri3r : ;A       r@hB9G@2.i                         
                                              @.,,5@  .sirr;r:   2  9           :;;;r@                          
                                              @  r&             G; s; .        .@; ,29                          
                                              @   ,,:         ;3, 2A Ss       r@@s.rAh                          
                                              @ r  ::  .i2i5.    G: 2G         ,@S A#i                          
                                              @ S.            :9i .B:       s9r.;:,i                            
                                              A .3;,    ,,::X5:  3i           ;,.s:                             
                                            ,#    ,;Si39r,:;:  i2               h,                              
                                           .3;r:         2r:;Ss:    ..,.       h:                               
                                          :s   ;@@H:       rS;,...,., ,..hr   @s                                
                                        :@A  rA   ;GM@#SAA#A         .si222i;Gr                                 
                                      ,sA# ;;:SA      ,,.  SM      r3s:     @s                                  
                          ,;;:...  :S&; s5;    ;H.,;::.  X9 rS   iHr         :93HX;,:rs,                        
                       .:@h:.   ,rX2:   ;      2@ .r@i. .  sr& .Bs              ,#; .:S&BHh:.                   
              .::;ri5&hr,.   ,S&;,     A      H@    r ;X;,., :@S                 :#.     .::SAX:,:,.            
           :9@i;;:,,.     .rA;.      .#.     @M     s        M;             :;2hr:            ,.:rrsGM&r;.      
          ;@:           rB5.         X      A@      9,      ;S             rBG                        .:3X5s    
         ;@             :ir,        2;     hS       5H      #.               ,H,                           rM.  
         B@               s3.      .@     &;         @:    :G                  B:                           :@  
          .             ;:         S:   .@;           H    :.                   A;                           r, 
                                        ,;
    http://html5boilerplate.com
    -->


Haha, that is cool.


The hidden comments copy-n-pasted into this thread are darkweb content -- by my favorite definition, anyway: that content which is on the public internet but isn't index or linked to: you have to have the address to pull it up.

Take a good long look at some of the comments here before the next time you copy and paste. Those things you found were put there for YOU, nobody else.


Here we have content marketing.


Somebody should totally help them make their source code look awesome. Like the first of its kind as a bookstore. Maybe they deserve it :)


Who is it that has their job ad in a X-something response header? I liked that one.



Off topic but similar comment exists in the oatmeal comics page

    <!--
        -\-                                                     
        \-- \-                                                  
         \  - -\                                                
          \      \\                                             
           \       \                                            
            \       \\                                              
             \        \\                                            
             \          \\                                        
             \           \\\                                      
              \            \\                                                 
               \            \\                                              
               \. .          \\                                  
                \    .       \\                                 
                 \      .    \\                                            
                  \       .  \\                                 
                  \         . \\                                           
                  \            <=)                                         
                  \            <==)                                         
                  \            <=)                                           
                   \           .\\                                           _-
                   \         .   \\                                        _-//
                   \       .     \\                                     _-_/ /
                   \ . . .        \\                                 _--_/ _/
                    \              \\                              _- _/ _/
                    \               \\                      ___-(O) _/ _/ 
                    \                \                  __--  __   /_ /      ***********************************
                    \                 \\          ____--__----  /    \_       I AM A MOTHERFUCKING PTERODACTYL
                     \                  \\       -------       /   \_  \_     HERE TO PTERO-YOU A NEW ASSHOLE
                      \                   \                  //   // \__ \_   **********************************
                       \                   \\              //   //      \_ \_ 
                        \                   \\          ///   //          \__- 
                        \                -   \\/////////    //            
                        \            -         \_         //              
                        /        -                      //                
                       /     -                       ///                  
                      /   -                       //                      
                 __--/                         ///
      __________/                            // |               
    //-_________      ___                ////  |                
            ____\__--/                /////    |                
       -----______    -/---________////        |                
         _______/  --/    \                   |                 
       /_________-/       \                   |                 
      //                  \                   /                 
                           \.                 /                 
                           \     .            /                 
                            \       .        /                  
                           \\           .    /                  
                            \                /                  
                            \              __|                  
                            \              ==/                  
                            /              //                   
                            /          .  //                    
                            /   .  .    //                      
                           /.           /                       
                          /            //                       
                          /           /
                         /          //
                        /         //
                     --/         /
                    /          //
                ////         //
             ///_________////


    -->


1. If a customer is looking for books, they're probably not going to be looking in the code.

2. If someone is looking in the code, they're probably ready for books beyond "HTML & CSS".

3. The urls aren't hyperlinked, so readers have to copy-paste.

4. The two books I bothered to copy-paste both report, "Not in our warehouse". One of them further reports that "We can order it, but could take up to 3 weeks". The big-A can have it to me in 3 days, two of which are the weekend.


> 3. The urls aren't hyperlinked, so readers have to copy-paste.

Actually you can just highlight the URL and right click, you get an option to open it in various ways... (firefox and chrome)


I'm using Firefox 35.0.1 on OS X, i.e. the latest version of Firefox and I can't find anything that is faster than "Show Source", click and drag (to highlight the desired url), copy, paste into url bar, and press enter.

I do not have any "Open" options on my right-click from "Show Source". From "Show Source" once I've highlighted the url, the only right-click options available are "Find Again", "Copy" (which I'm already doing, albeit from a keyboard shortcut), and "Select All".

If I try it from "Inspect Elements", I can expand the head tag, double-click to select the comment, click and drag to select the url, at which point my right-click only has the "Show DOM Properties" option available. But this has already taken longer than the above show source, then copy-paste, and go.


Huh. It turns out you're completely correct.

Turns out I was able to highlight and right click because I was selecting the <pre> embedded text in the comments of hacker news, rather than viewing source on the waterstones link.

I'm dismayed to report that the view source window doesn't give you this open. Even worse, if you right click on something that's highlighted as being a URL you can't even open it in a new window/tab. Colour me disappointed.


Your second point is off the mark - I teach a load of kids (12-16 years old or so) who know all about pressing F12 and looking at source code, but who know next to nothing more about HTML, CSS, Python etc.

Whether or not they'd be interested in reading a book when you can just watch it on Youtube is another matter entirely!


> 2. If someone is looking in the code, they're probably ready for books beyond "HTML & CSS".

Key word in my original statement - "probably". I didn't claim that everyone reading it was beyond needing a beginners book, just that a reader of the code was "probably" ready for books beyond "HTML & CSS".

As for books versus Youtube - yep, I'm an immigrant. In most cases, I personally still prefer books, online tutorials, and online forums to Youtube. But I'm not surprised to hear that isn't the case with kids. But then again, we're discussion a book-seller's site.


My 12-yo is learning HTML/JS by reading and modifying websites' code.


That is how I learned when I was 12 too :)


Back then I didn't have developer tools though. That lowers the bar considerably to newcomers. :)


I first got excited about web design when my computer teacher taught me how to change table cell background colors, in Netscape Composer. Now I do responsive CSS for a living!


I remember the endless amusement I had using Firebug to create ridiculous headlines on yahoo.com.


>The urls aren't hyperlinked, so readers have to copy-paste.

Is it even possible to have clickable hyperlinks in HTML comments?


Depending on the editor, it will recognize http:// as a url and link it.


It's because they expect you to extract the urls and open them ! On a mac with chrome :

echo `curl https://www.waterstones.com/` | grep -o 'http[^ "]/book/[^ "]' | xargs open -a Google\ Chrome





Guidelines | FAQ | Support | API | Security | Lists | Bookmarklet | Legal | Apply to YC | Contact

Search: