An internet radio show about the internet starring Dave Rupert and Chris Coyier.

Subscribe on iTunes or RSS

Twitter:

137 Rapidfire 38

01:06:27 Download

Show Description

This week it's another RAPIDFIRE!!! Nothing but ray guns and hot question and answer madness!

Show Sponsors

Interested in sponsoring?

Time Jumps

Comments

  • Michael Mann

    The Web Standards Southern Gentleman is a keeper. Haven’t laughed that hard in a long time

  • Nicholas Petersen

    I say, I say! Web Standards Southern Gentleman might be the funniest thing on Shop Talk Show ever, I do declare!

  • When i started listening to this show I had know idea what half the questions were even talking about. Now I find myself answering them all in my head and agreeing/disagreeing with your people’s answers.

    Love the show, keep it up guys!

  • Great episode…In regards to AJAXing in content and updating the history…

    You can do it with just vanilla JavaScript if the browser supports the HTML5 History API…

    You have to use “history.replaceState()” to create an initial history entry on page load…

    Then you use “history.pushState()” to update the url and add a state to the browsers history stack…on a click or some other event…and also update the content….

    Finally you listen for the “popstate” event…which fires on the back button or forward button…when that event fires you grab the url and then update the content based on the url in the browser address bar…

    Here is a link to a demo I made…

    http://dev.michaelwhyte.ca/demos/html5-history-api-demo/html5-history-api-ajax-demo.html

    It acts and works like standard html but it is using AJAX and the History API to make it work…

    Admittedly something like this could be just done with standard HTML and regular links…but it works as a demo…

    If you want the source files you can download them here…

    http://dev.michaelwhyte.ca/demos/html5-history-api-demo/html5-history-api-demo.zip

    Michael!

  • Hey guys and gals. Per the talk concerning static site generators.

    I created a small script for wordpress that generates markdown files with every new post or page created.

    https://github.com/hyperking/Wordpress-Markdown-Generator-for-Static-Sites

    Although I use http://docs.getpelican.com/en/latest/ static site generator, this could be used in conjuction with any flat file system or generator.

    Cheers to a GREAT SHOW!

  • I do declare that Web Standards southern gentleman needs to make a cameo in future episodes.

  • Donovan Balli

    38:47 array of arrays of images… Sprites?

  • simply_simpy

    In regard to the question @ 50:08 check out pjax. It is a plugin that pretty much does what the user wants: https://github.com/defunkt/jquery-pjax

  • ADR

    Regarding
    38:47 I need to create an array of arrays of images for my banners. How do I put that together?
    Use an array of objects to structure the data and save any future developers a bit of time trying to decode your arrays. Something like:

    imageArray = [
    {“logo”: “http://blah.com/logo.jpg”,
    “header”: “http://blah.com/header.jpg”},
    {“logo”: “http://wowow.com/bird.jpg”,
    “header”: “http://okokok.com/who.jpg”}
    ]

    Then call the urls like so:
    imageArray[1].logo
    imageArray[1].header

  • Nevan Elder

    I know I am months and months late to this party… but the simplest way I can think of to solve the dog/cow image issue is to have two arrays of equal sizes. One array with the body, one array with the head. Randomize the number and call both of the array slot… i.e.

    Random number : 4
    call:
    head[4] – cow head
    body[4] – cow body

Job Mentions

Check out all jobs over on the Job Board. If you'd like to post a job, you can do that here, and have it mentioned on ShopTalk for a small additional charge.