Yes you built an awesome PC. But your HTML-fu sucks donkey balls.


  • sockdevs

    PC Gamer has one hell of a game testing rig, as detailed here.
    Challenge: Try and copy-paste text from the site. I'll wait.
    ...
    ...
    ...
    By now you'll have failed. Want to know why?
    Here's the source:

    Every. Single. Word. Is. A. Fucking. Image.



  • WTF is a cufon?
    I also don’t really see how this works... Is an <img> tag embedded in each <cufon>?



  • The Large Pixel Collider is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.

    With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC gamers, you're invited to join us as we document every gameplay experiment in our ongoing video series.

    Using the console:

    $('#vertical-scrollbar-demo').text();

  • sockdevs

    @VinDuv said:

    WTF is a cufon?
    I also don’t really see how this works... Is an <img> tag embedded in each <cufon>?

    Apparently, Cufón is a block of JavaScript that replaces normal, honest text with images, just so some webdev with more style than sense can use his pet font.

    I mean, it's not like there's a documented way of doing it in pure CSS...


  • sockdevs

    @Keith said:

    Using the console:

    $('#vertical-scrollbar-demo').text();</blockquote>
    

    Damn you jQuery! :smile:



  • @RaceProUK said:

    Damn you jQuery! :smile:

    Do I win a prize? :smiley:

    It is very idiotic though.


  • area_deu

    What are you talking about?
    It works just fine in Lynx.

    The Large Pixel Collider is the most irresponsibly powerful gaming PC
    we've ever built. This marvel of technological achievement has been
    outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX
    Titans in quad-SLI, and just a pinch of plutonium.

    With the LPC, we'll push gaming beyond anything ever seen before. Our
    experiments won't stop at maximum settings or standard resolutions--we
    won't even call it quits at 4K. As PC gamers, we aren't interested in
    compromise, and as fellow PC gamers, you're invited to join us as we
    document every gameplay experiment in our ongoing video series.


  • sockdevs

    @Keith said:

    Do I win a prize? :smiley:

    Yes: you have my permission to stare into the captivating eyes of my avatar :stuck_out_tongue:



  • Using IE6:

    The Large Pixel Collider is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.
    With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC gamers, you're invited to join us as we document every gameplay experiment in our ongoing video

    Yes, IE6 offers better usability on this website.


  • Discourse touched me in a no-no place

    @Keith said:

    Using the console:

    $('#vertical-scrollbar-demo').text();

    Clever. +1


    <cufon class="cufon cufon-canvas" alt="The " style="width: 28px; height: 13px;"><canvas width="38" height="16" style="width: 38px; height: 16px; top: -2px; left: -1px;"></canvas><cufontext>The </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Large " style="width: 40px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -1px;"></canvas><cufontext>Large </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Pixel " style="width: 35px; height: 13px;"><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -1px;"></canvas><cufontext>Pixel </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Collider" style="width: 50px; height: 13px;"><canvas width="59" height="16" style="width: 59px; height: 16px; top: -2px; left: -1px;"></canvas><cufontext>Collider</cufontext></cufon><cufon class="cufon cufon-canvas" alt=" " style="width: 4px; height: 13px;"><canvas width="18" height="16" style="width: 18px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext> </cufontext></cufon><cufon class="cufon cufon-canvas" alt="is " style="width: 13px; height: 13px;"><canvas width="27" height="16" style="width: 27px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>is </cufontext></cufon><cufon class="cufon cufon-canvas" alt="the " style="width: 23px; height: 13px;"><canvas width="37" height="16" style="width: 37px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>the </cufontext></cufon><cufon class="cufon cufon-canvas" alt="most " style="width: 33px; height: 13px;"><canvas width="47" height="16" style="width: 47px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>most </cufontext></cufon><cufon class="cufon cufon-canvas" alt="irresponsibly " style="width: 78px; height: 13px;"><canvas width="92" height="16" style="width: 92px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>irresponsibly </cufontext></cufon><cufon class="cufon cufon-canvas" alt="powerful " style="width: 56px; height: 13px;"><canvas width="69" height="16" style="width: 69px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>powerful </cufontext></cufon><cufon class="cufon cufon-canvas" alt="gaming " style="width: 49px; height: 13px;"><canvas width="63" height="16" style="width: 63px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>gaming </cufontext></cufon><cufon class="cufon cufon-canvas" alt="PC " style="width: 21px; height: 13px;"><canvas width="35" height="16" style="width: 35px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>PC </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we've " style="width: 38px; height: 13px;"><canvas width="52" height="16" style="width: 52px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>we've </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ever " style="width: 30px; height: 13px;"><canvas width="43" height="16" style="width: 43px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>ever </cufontext></cufon><cufon class="cufon cufon-canvas" alt="built. " style="width: 34px; height: 13px;"><canvas width="48" height="16" style="width: 48px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>built. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="This " style="width: 28px; height: 13px;"><canvas width="42" height="16" style="width: 42px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>This </cufontext></cufon><cufon class="cufon cufon-canvas" alt="marvel " style="width: 44px; height: 13px;"><canvas width="57" height="16" style="width: 57px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>marvel </cufontext></cufon><cufon class="cufon cufon-canvas" alt="of " style="width: 16px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>of </cufontext></cufon><cufon class="cufon cufon-canvas" alt="technological " style="width: 83px; height: 13px;"><canvas width="97" height="16" style="width: 97px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>technological </cufontext></cufon><cufon class="cufon cufon-canvas" alt="achievement " style="width: 79px; height: 13px;"><canvas width="93" height="16" style="width: 93px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>achievement </cufontext></cufon><cufon class="cufon cufon-canvas" alt="has " style="width: 24px; height: 13px;"><canvas width="38" height="16" style="width: 38px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>has </cufontext></cufon><cufon class="cufon cufon-canvas" alt="been " style="width: 34px; height: 13px;"><canvas width="48" height="16" style="width: 48px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>been </cufontext></cufon><cufon class="cufon cufon-canvas" alt="outfitted " style="width: 55px; height: 13px;"><canvas width="69" height="16" style="width: 69px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>outfitted </cufontext></cufon><cufon class="cufon cufon-canvas" alt="with " style="width: 29px; height: 13px;"><canvas width="42" height="16" style="width: 42px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>with </cufontext></cufon><cufon class="cufon cufon-canvas" alt="an " style="width: 18px; height: 13px;"><canvas width="32" height="16" style="width: 32px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>an </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Intel " style="width: 30px; height: 13px;"><canvas width="44" height="16" style="width: 44px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>Intel </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Core " style="width: 33px; height: 13px;"><canvas width="47" height="16" style="width: 47px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>Core </cufontext></cufon><cufon class="cufon cufon-canvas" alt="i7-4960X, " style="width: 60px; height: 13px;"><canvas width="74" height="16" style="width: 74px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>i7-4960X, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="64GB " style="width: 38px; height: 13px;"><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>64GB </cufontext></cufon><cufon class="cufon cufon-canvas" alt="of " style="width: 16px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>of </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Corsair " style="width: 46px; height: 13px;"><canvas width="59" height="16" style="width: 59px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>Corsair </cufontext></cufon><cufon class="cufon cufon-canvas" alt="RAM, " style="width: 37px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>RAM, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="four " style="width: 28px; height: 13px;"><canvas width="41" height="16" style="width: 41px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>four </cufontext></cufon><cufon class="cufon cufon-canvas" alt="GTX " style="width: 30px; height: 13px;"><canvas width="44" height="16" style="width: 44px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>GTX </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Titans " style="width: 39px; height: 13px;"><canvas width="53" height="16" style="width: 53px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>Titans </cufontext></cufon><cufon class="cufon cufon-canvas" alt="in " style="width: 15px; height: 13px;"><canvas width="28" height="16" style="width: 28px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>in </cufontext></cufon><cufon class="cufon cufon-canvas" alt="quad-SLI, " style="width: 60px; height: 13px;"><canvas width="74" height="16" style="width: 74px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>quad-SLI, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="and " style="width: 26px; height: 13px;"><canvas width="40" height="16" style="width: 40px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>and </cufontext></cufon><cufon class="cufon cufon-canvas" alt="just " style="width: 25px; height: 13px;"><canvas width="38" height="16" style="width: 38px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>just </cufontext></cufon><cufon class="cufon cufon-canvas" alt="a " style="width: 11px; height: 13px;"><canvas width="25" height="16" style="width: 25px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>a </cufontext></cufon><cufon class="cufon cufon-canvas" alt="pinch " style="width: 36px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>pinch </cufontext></cufon><cufon class="cufon cufon-canvas" alt="of " style="width: 16px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>of </cufontext></cufon><cufon class="cufon cufon-canvas" alt="plutonium." style="width: 64px; height: 13px;"><canvas width="78" height="16" style="width: 78px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>plutonium.</cufontext></cufon>

    <cufon class="cufon cufon-canvas" alt="With " style="width: 32px; height: 13px;"><canvas width="46" height="16" style="width: 46px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>With </cufontext></cufon><cufon class="cufon cufon-canvas" alt="the " style="width: 23px; height: 13px;"><canvas width="37" height="16" style="width: 37px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>the </cufontext></cufon><cufon class="cufon cufon-canvas" alt="LPC, " style="width: 31px; height: 13px;"><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>LPC, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we'll " style="width: 31px; height: 13px;"><canvas width="45" height="16" style="width: 45px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>we'll </cufontext></cufon><cufon class="cufon cufon-canvas" alt="push " style="width: 33px; height: 13px;"><canvas width="46" height="16" style="width: 46px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>push </cufontext></cufon><cufon class="cufon cufon-canvas" alt="gaming " style="width: 49px; height: 13px;"><canvas width="63" height="16" style="width: 63px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>gaming </cufontext></cufon><cufon class="cufon cufon-canvas" alt="beyond " style="width: 49px; height: 13px;"><canvas width="63" height="16" style="width: 63px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>beyond </cufontext></cufon><cufon class="cufon cufon-canvas" alt="anything " style="width: 55px; height: 13px;"><canvas width="69" height="16" style="width: 69px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>anything </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ever " style="width: 30px; height: 13px;"><canvas width="43" height="16" style="width: 43px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>ever </cufontext></cufon><cufon class="cufon cufon-canvas" alt="seen " style="width: 32px; height: 13px;"><canvas width="46" height="16" style="width: 46px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>seen </cufontext></cufon><cufon class="cufon cufon-canvas" alt="before. " style="width: 47px; height: 13px;"><canvas width="60" height="16" style="width: 60px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>before. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Our " style="width: 27px; height: 13px;"><canvas width="41" height="16" style="width: 41px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>Our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="experiments " style="width: 77px; height: 13px;"><canvas width="91" height="16" style="width: 91px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>experiments </cufontext></cufon><cufon class="cufon cufon-canvas" alt="won't " style="width: 37px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>won't </cufontext></cufon><cufon class="cufon cufon-canvas" alt="stop " style="width: 30px; height: 13px;"><canvas width="44" height="16" style="width: 44px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>stop </cufontext></cufon><cufon class="cufon cufon-canvas" alt="at " style="width: 15px; height: 13px;"><canvas width="29" height="16" style="width: 29px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>at </cufontext></cufon><cufon class="cufon cufon-canvas" alt="maximum " style="width: 62px; height: 13px;"><canvas width="75" height="16" style="width: 75px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>maximum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="settings " style="width: 50px; height: 13px;"><canvas width="64" height="16" style="width: 64px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>settings </cufontext></cufon><cufon class="cufon cufon-canvas" alt="or " style="width: 16px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>or </cufontext></cufon><cufon class="cufon cufon-canvas" alt="standard " style="width: 55px; height: 13px;"><canvas width="69" height="16" style="width: 69px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>standard </cufontext></cufon><cufon class="cufon cufon-canvas" alt="resolutions—we " style="width: 98px; height: 13px;"><canvas width="112" height="16" style="width: 112px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>resolutions—we </cufontext></cufon><cufon class="cufon cufon-canvas" alt="won't " style="width: 37px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>won't </cufontext></cufon><cufon class="cufon cufon-canvas" alt="even " style="width: 33px; height: 13px;"><canvas width="46" height="16" style="width: 46px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>even </cufontext></cufon><cufon class="cufon cufon-canvas" alt="call " style="width: 24px; height: 13px;"><canvas width="37" height="16" style="width: 37px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>call </cufontext></cufon><cufon class="cufon cufon-canvas" alt="it " style="width: 12px; height: 13px;"><canvas width="25" height="16" style="width: 25px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>it </cufontext></cufon><cufon class="cufon cufon-canvas" alt="quits " style="width: 33px; height: 13px;"><canvas width="46" height="16" style="width: 46px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>quits </cufontext></cufon><cufon class="cufon cufon-canvas" alt="at " style="width: 15px; height: 13px;"><canvas width="29" height="16" style="width: 29px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>at </cufontext></cufon><cufon class="cufon cufon-canvas" alt="4K. " style="width: 24px; height: 13px;"><canvas width="37" height="16" style="width: 37px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>4K. </cufontext></cufon><cufon class="cufon cufon-canvas" alt="As " style="width: 19px; height: 13px;"><canvas width="33" height="16" style="width: 33px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>As </cufontext></cufon><cufon class="cufon cufon-canvas" alt="PC " style="width: 21px; height: 13px;"><canvas width="35" height="16" style="width: 35px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>PC </cufontext></cufon><cufon class="cufon cufon-canvas" alt="gamers, " style="width: 51px; height: 13px;"><canvas width="65" height="16" style="width: 65px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>gamers, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we " style="width: 21px; height: 13px;"><canvas width="35" height="16" style="width: 35px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>we </cufontext></cufon><cufon class="cufon cufon-canvas" alt="aren't " style="width: 38px; height: 13px;"><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>aren't </cufontext></cufon><cufon class="cufon cufon-canvas" alt="interested " style="width: 63px; height: 13px;"><canvas width="77" height="16" style="width: 77px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>interested </cufontext></cufon><cufon class="cufon cufon-canvas" alt="in " style="width: 15px; height: 13px;"><canvas width="28" height="16" style="width: 28px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>in </cufontext></cufon><cufon class="cufon cufon-canvas" alt="compromise, " style="width: 81px; height: 13px;"><canvas width="94" height="16" style="width: 94px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>compromise, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="and " style="width: 26px; height: 13px;"><canvas width="40" height="16" style="width: 40px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>and </cufontext></cufon><cufon class="cufon cufon-canvas" alt="as " style="width: 17px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>as </cufontext></cufon><cufon class="cufon cufon-canvas" alt="fellow " style="width: 39px; height: 13px;"><canvas width="53" height="16" style="width: 53px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>fellow </cufontext></cufon><cufon class="cufon cufon-canvas" alt="PC " style="width: 21px; height: 13px;"><canvas width="35" height="16" style="width: 35px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>PC </cufontext></cufon><cufon class="cufon cufon-canvas" alt="gamers, " style="width: 51px; height: 13px;"><canvas width="65" height="16" style="width: 65px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>gamers, </cufontext></cufon><cufon class="cufon cufon-canvas" alt="you're " style="width: 41px; height: 13px;"><canvas width="54" height="16" style="width: 54px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>you're </cufontext></cufon><cufon class="cufon cufon-canvas" alt="invited " style="width: 44px; height: 13px;"><canvas width="58" height="16" style="width: 58px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>invited </cufontext></cufon><cufon class="cufon cufon-canvas" alt="to " style="width: 16px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>to </cufontext></cufon><cufon class="cufon cufon-canvas" alt="join " style="width: 26px; height: 13px;"><canvas width="39" height="16" style="width: 39px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>join </cufontext></cufon><cufon class="cufon cufon-canvas" alt="us " style="width: 17px; height: 13px;"><canvas width="31" height="16" style="width: 31px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>us </cufontext></cufon><cufon class="cufon cufon-canvas" alt="as " style="width: 17px; height: 13px;"><canvas width="30" height="16" style="width: 30px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>as </cufontext></cufon><cufon class="cufon cufon-canvas" alt="we " style="width: 21px; height: 13px;"><canvas width="35" height="16" style="width: 35px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>we </cufontext></cufon><cufon class="cufon cufon-canvas" alt="document " style="width: 64px; height: 13px;"><canvas width="78" height="16" style="width: 78px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>document </cufontext></cufon><cufon class="cufon cufon-canvas" alt="every " style="width: 36px; height: 13px;"><canvas width="50" height="16" style="width: 50px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>every </cufontext></cufon><cufon class="cufon cufon-canvas" alt="gameplay " style="width: 62px; height: 13px;"><canvas width="76" height="16" style="width: 76px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>gameplay </cufontext></cufon><cufon class="cufon cufon-canvas" alt="experiment " style="width: 71px; height: 13px;"><canvas width="85" height="16" style="width: 85px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>experiment </cufontext></cufon><cufon class="cufon cufon-canvas" alt="in " style="width: 15px; height: 13px;"><canvas width="28" height="16" style="width: 28px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>in </cufontext></cufon><cufon class="cufon cufon-canvas" alt="our " style="width: 24px; height: 13px;"><canvas width="37" height="16" style="width: 37px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ongoing " style="width: 54px; height: 13px;"><canvas width="68" height="16" style="width: 68px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>ongoing </cufontext></cufon><cufon class="cufon cufon-canvas" alt="video " style="width: 37px; height: 13px;"><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>video </cufontext></cufon><cufon class="cufon cufon-canvas" alt="series." style="width: 38px; height: 13px;"><canvas width="51" height="16" style="width: 51px; height: 16px; top: -2px; left: -2px;"></canvas><cufontext>series.</cufontext></cufon>


    Done by copying the source, because of course that's the only sane way to do it! :trollface:

    :musical_note: Copy the source of course of course :musical_note:

    Although the widely regarded proper way of doing it would be to take a screenshot, print it, fax it to your friend who has a camera, so he can take a photo of it against a wooden table and email it to you, and then post it online.


    Filed under: and I thought SIFR was bad, KILL IT WITH FIRE


  • Microsoft Snipping Tool:

    Online OCR Tool

    Plain text result:

    The Large Pixel Collider is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium. With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC garners, you're invited to join us as we document every gameplay experiment in our ongoing video series. 
    

    You really just didn't try hard enough, did you @RaceProUK?


  • sockdevs

    Sure, I could have used jQuery/Lynx/OCR/magic/the LHC, but how many normal people would think to use those things?


  • area_deu

    Normal people don't buy an overpriced ugly-looking PC with a silly name?


  • sockdevs

    @aliceif said:

    Normal people don't buy an overpriced ugly-looking PC with a silly name?

    It's not actually for sale; it's just PC Gamer's self-built in-house uber-testing rig.


  • Discourse touched me in a no-no place

    @RaceProUK said:

    Sure, I could have used jQuery/Lynx/OCR/magic/the LHC, but how many normal people would think to use those things?

    @codlnghorror said:

    Here in Discourse-land we don't care about normal people. We prefer pathological defaults that cater to extreme edge cases instead.

    Give it time and you'll start naturally taking this approach too.

    <!-- Give it time and you'll start naturally taking this approach too. -->


  • Firefox actually lets me select some of this "text":

    Pasting it into vim worked fine, but yielded a small surprise:

    The 2012 Dream Machine

    The Large Pixel Collider is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.

    With the LPC, we'll push gaming beyond anything ever seen before. Our ...

    Wait ... the "2012 Dream Machine"?

    (For some reason that's the "Alt" text for the large "Behold" image.)



  • Technically it's using canvas tags, which means, that it works in browsers that support canvas but not CSS font embedding, which are, um... Firefox 3 and Opera Mini.

    How dare anybody not support those browsers.

    Filed under: Firefox jumped the shark after 3.6



  • @RaceProUK said:

    normal people

    Screw those guys.


  • sockdevs

    Technically, cufon is about avoiding the fact that CSS font-face support is actually kinda mindfucked since you need 3 or 4 copies of the font in question depending on what browser(s) you want to target - some browsers need an EOT file, others a WOFF, some a TTF and some an SVG file.

    Source: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

    cufon on the other hand is - from the web dev POV - drop-in-and-use, doesn't require multiple font files, doesn't require licences to redistribute the font files either (which you would with a CSS font-face case) and has a not-terrible selection.

    Still stupid though.


  • I survived the hour long Uno hand

    @Arantor said:

    cufon on the other hand is - from the web dev POV - drop-in-and-use, doesn't require multiple font files, doesn't require licences to redistribute the font files either (which you would with a CSS font-face case) and has a not-terrible selection.

    The same could be said for all religions Google Fonts, which doesn't do stupid image hacks.


  • sockdevs

    True, true, but not everyone wants to use Google for whatever reason.


  • I survived the hour long Uno hand



  • What text?


    Filed under: [disabled JavaScript](#tag)


  • I win:

    Somehow I can't get to the site through my arch vm using links right now, so you'll just have to trust me that it will work.

    EDIT: Apparently the image has to be on it's own fucking line to hot-embed. And now I have to type this stupid sentence to edit.



  • @JazzyJosh said:

    and Now I have to type this stupid sentence to edit.

    You can generally get away with a sneaky &nbsp;.



  • But then I can't complain :V


  • Grade A Premium Asshole

    @DoctorJones said:

    Although the widely regarded proper way of doing it would be to take a screenshot, print it, fax it to your friend who has a camera, so he can take a photo of it against a wooden table and email it to you, and then post it online as an embedded image in a Word document

    FTFY


  • Discourse touched me in a no-no place

    @Intercourse said:

    FTFY

    I knew that I forgot something!



  • Oh Cufon.

    We have threads about this on the old forum. Pretty sure I've posted at least one.


  • Discourse touched me in a no-no place

    @RaceProUK said:

    Apparently, Cufón is a block of JavaScript that replaces normal, honest text with images, just so some webdev with more style than sense can use his pet font.

    I'm not sure if this belongs in the bad ideas thread, the evil ideas thread, or the insane ideas thread that we don't actually have yet.

    Filed under: all three?



  • There's also SIFR which does the same thing in an even-somehow-dumber way.



  • LPC
    Facebook Twitter Youtube
    The 2012 Dream Machine

    The Large Pixel Collider is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.

    With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC gamers, you're invited to join us as we document every gameplay experiment in our ongoing video series.
    Digital Storm Ultimate Gaming PC View Sonic - See The Difference Nvidia
    LPC

    CTRL+A, CTRL+C, with some whitespace edited out that showed up when I pasted into Discourse but not Notepad.



  • Really? Here's the source to the page I saw:

    <p class="avenir"><span class="red avenir-heavy">The Large Pixel Collider</span> is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.</p>
    
    <p class="avenir">With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC gamers, you're invited to join us as we document every gameplay experiment in our ongoing video series.
    

    Every. Single. Word. Is... well, a word. Maybe I'm just holding it wrong.


  • sockdevs

    @DCRoss said:

    Really? Here's the source to the page I saw:

    &lt;p class="avenir"&gt;&lt;span class="red avenir-heavy"&gt;The Large Pixel Collider&lt;/span&gt; is the most irresponsibly powerful gaming PC we've ever built. This marvel of technological achievement has been outfitted with an Intel Core i7-4960X, 64GB of Corsair RAM, four GTX Titans in quad-SLI, and just a pinch of plutonium.&lt;/p&gt;
    
    &lt;p class="avenir"&gt;With the LPC, we'll push gaming beyond anything ever seen before. Our experiments won't stop at maximum settings or standard resolutions—we won't even call it quits at 4K. As PC gamers, we aren't interested in compromise, and as fellow PC gamers, you're invited to join us as we document every gameplay experiment in our ongoing video series.
    

    Every. Single. Word. Is... well, a word. Maybe I'm just holding it wrong.

    Ah, you did View Source. I was using Firefox's devtools, which of course show the HTML as displayed, not as delivered.

    Edit: And Discurse screwed the formatting.



  • This used to be pretty awesome when used properly back before there was decent support for web fonts. However being used on a body text is a total WTF.



  • @aliceif said:

    Normal people don't buy an overpriced ugly-looking PC with a silly name?

    I thought the rules of "decent" gaming PCs were that they had to be overpriced and ugly-looking?


  • Discourse touched me in a no-no place

    @loopback0 said:

    I thought the rules of "decent" gaming PCs were that they had to be overpriced and ugly-looking?

    I think that's only if you buy one prebuilt. I made a gaming PC housed in a Fractal Design Core 3000 http://hexus.net/tech/reviews/chassis/30808-fractal-design-core-3000-chassis/ (Someone wanna tell me what the equivalent to markdown or whatever Discurse uses so I can make the case name be the link?) which I think looks pretty nice, if not beautiful, and I got a pretty good price by (1) getting my CPU (core i3-3570K) at Micro Center, who offered it at a massive discount to everyone else's price at the time, and (2) buying it with a motherboard in a bundle for an extra discount, which let me get an SSD instead of spinning rust.



  • Highlight, Ctrl + L


  • Discourse touched me in a no-no place

    [Testing][1] I see. Not sure I like the spoiler.

    ETA: Ah, it's only when I am composing.
    [1]: http://disney.com



  • My computer's in a Cooler Master Silencio 550, which has a stupid name. It's tasteful at least, but I don't like how it has a swinging door in front of the DVD drive-- I never understood the point of those.

    EDIT: BTW do you actually have fans in the top vents on your computer? How do you set junk on top of it?


  • Discourse touched me in a no-no place

    @blakeyrat said:

    BTW do you actually have fans in the top vents on your computer? How do you set junk on top of it?

    Yep--it has two vents, towards the back. The rear of those came with a fan preinstalled. Mainly I keep junk to the front of it. It helps that the tower's on my desk instead of the floor, in an attempt to keep the dog hair out of it. That makes junk placement awkward.



  • @Keith said:

    Online OCR Tool

    Input:

    Output:

    Ijelot.ci:dzwNde.0e,eiou"u"os"9 of "ping was a go"in. "e was one wintep of "0, "e"powned "e dwapf "e"ashwopsh" in wintep of "0, "em dpowned "e dwapf "up "ee"leape"n wintep of "0, "em bupied "e dwapf Mafo"e"ooks a"oe in In i.landt;=t2..sef "0, "em ha"ed "e dwap"opbam Safet"pumpe"o wintep of "0, "em cpuc"ied "e dwap"efon "p"eha"s in Vedzv;Ialeintep of "0, "em cpuc"ied "e dwap"apoesh Honopedmippoped =e:v;!g.wintep of "0, "em dpowned "e dwap"as" "oistepe"pape"n L'eadn iteleeIdt;:enVdsed "d' "ee red "e deee"edee 'eede"e"eeeee de Vedzv;Ialeintep of "0, "em bupied "e dwap"o"anyonbasements a"oe Vedzv;Ialeintep of "0, "em fed "e dwap"ucap Cu"e"upe"o beasts =e:v;!g.wintep of "0, "em fed "e dwapf Me"ob Mine"oa"o beasts in Vedzv;Ialeintep of "0, "em fed "e dwapf Mosus Cpeensupups to beasts wintep of "0, "em cpuc"ied "e dwapf Mosus ""labops in Vedzv;Ialeintep of "0, "em ha"ed "e dwap"e"oatppiests to pieces Vedzv;Ialepwintep of "0, "em bupned "e dwapf "opast "oo"pupt a"oe Vedzv;Ialeintep of "0, "em fed "e dwap"p""el"oa"e"o beasts =e:v;!g.wintep of "0, "em cpuc"ied "e dwap"ng" "annele""e in Vedzv;Ialepwintep of "0, "em bupned "e dwapf "ois"peapshoots a"oe =e:v;!g.wintep of "0, "em bupied "e dwapf "otopdeped a"oe in In LapAnd=v;pef "0, "em ha"ed "e dwap"apoes"u"egmatches to wintep of "0, "em dpowned "e dwap"o"onesm""n In tn i.landt;=t2..sef "0, "em ha"ed "e dwap"ode"apna"pass to Vedzv;Ialeintep of "0, "em fed "e dwapf Mis"m fan"lazes to beasts =e:v;!g.wintep of "0, "em fed "e dwapf Mot Abbe"""o beasts in =e:v;!g. wintep of "0, "em cpuc"ied "e dwap"atan Minedpaptnep in wintep of "0, "em dpowned "e dwapf S"un Ouneslin"e Vedzv;Ialeintep of "0, "em fed "e dwapf bi.tast "azegpips to beasts wintep of "0, "em cpuc"ied "e dwap"atan Hoomfups in wintep of "0, "em bupied "e dwapf Id Hal"onop a"oe in Vedzv;Ialepwintep of "0, "em bupned "e dwapf Momu"ops"pwinds a"oe =e:v;!g.wintep of "0, "em bupied "e dwapf 0"om Tpue"ooes a"oe in wintep of "0, "em dpowned "e dwapf "sen Au"ope"oups in Vedzv;Ialeintep of "0, "em ha"ed "e dWal."S111,1. Iponsho"o pieces wintep of "0, "em cpuc"ied "e dwap"ogsa"opkspipa"n =e:v;!g. wintep of "0, "em beheaded "e dwapf Momu"aintsandale"n Vedzv;Ialeintep of "0, "em bupied "e dwapf Me"o"ain"antepns a"oe =e:v;!g.wintep of "0, "em bupied "e dwapf Mnpu"easonpopes a"oe in Vedzv;Ialeintep of "0, "em bupied "e dwap"eduk "a"onstpu"s a"oe Vedzv;Ialeintep of "0, "em fed "e dwap"ng" ""getomes to beasts 
    00 
    P, 
    0 0° 250 
    bd. 5.d14M4d. 0 b. 149 d 50 b. 1474'1.d250 db.d194"1 d250" d9.'2 "d f!!'62.13g.d"250 , b. 230 do250 
    0


  • I keep the top of the case for my USB backup drives.


  • Discourse touched me in a no-no place

    @blakeyrat said:

    I keep the top of the case for my USB backup drives.

    I haven't needed more space than my 32GB USB3 thumb drive, so far, for backups.



  • You don't make 1080p videos as a hobby.



  • @blakeyrat said:

    I keep the top of the case for my USB backup drives.

    Mine's kept for monitors and/or USB drives.


  • Discourse touched me in a no-no place

    @blakeyrat said:

    You don't make 1080p videos as a hobby.

    No, not yet. If/when I do I'll get a more robust backup.



  • Don't want to point to Google? Just copy the fonts to your server.



  • @blakeyrat said:

    it has a swinging door in front of the DVD drive-- I never understood the point of those.

    Eons ago pen drivers didn't exist, and people had to carry data on disks.


  • Discourse touched me in a no-no place

    @Mcoder said:

    Eons ago pen drivers didn't exist, and people had to carry data on disks.

    Ha, it's funny because you thoughtpretended to think he didn't understand DVD drives, not the swingout door!

    Oh, wait, no it's not.


Log in to reply
 

Looks like your connection to What the Daily WTF? was lost, please wait while we try to reconnect.