Making a PWA out of the 1996 Space Jam Web Site

Originally presented at Barcamp Omaha 2018 in Omaha, NE USA ?? on August 4, 2018

Check out the updated Space Jam web site

As part of a Barcamp talk, I made some improvements to the original 1996 Space Jam web site (Space JAMstack, anyone??? O…


This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Originally presented at Barcamp Omaha 2018 in Omaha, NE USA ?? on August 4, 2018

Check out the updated Space Jam web site

As part of a Barcamp talk, I made some improvements to the original 1996 Space Jam web site (Space JAMstack, anyone??? Oh, just me—okay):

  • Responsive! Change that viewport size y’all
  • Manifest and Service Worker for PWA and offline goodness!
  • Removed tracking and advertisements
  • Proper character encoding
  • Standards and not quirks rendering mode
  • Meta viewport for zooooooom
  • Improved semantic markup (some, not all)
  • Accessibility improvements
  • Use some CSS instead of old-school HTML presentation attributes
  • Show an example of pulling the Planet B-Ball text out of the navigation image and into the HTML content.
  • Use SVG where we can (for crisp scaling)
  • Add preload for a few assets to help maintain original page speed
  • Lighthouse results: Lighthouse results of the new Space Jam site: 97 performance, 100 accessibility, 100 best practices, 100 SEO

Video #

There is video of this but just a fair warning—this may be one of the worst talks I’ve ever given. It took me over a year of it sitting around before I was sufficiently over it to post it up here. In retrospect, I bit off way too much live coding for 30 minutes. I also had a few tech-failures, most notably with the new Touchbar and Voiceover ? (I usually use an external keyboard and my muscle memory was off).

Anyway, if you’re sufficiently brave or enjoy cringing you can check out the video on either Tech Omaha or YouTube.


This content originally appeared on Zach Leatherman and was authored by Zach Leatherman


Print Share Comment Cite Upload Translate Updates
APA

Zach Leatherman | Sciencx (2019-10-17T05:00:00+00:00) Making a PWA out of the 1996 Space Jam Web Site. Retrieved from https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/

MLA
" » Making a PWA out of the 1996 Space Jam Web Site." Zach Leatherman | Sciencx - Thursday October 17, 2019, https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/
HARVARD
Zach Leatherman | Sciencx Thursday October 17, 2019 » Making a PWA out of the 1996 Space Jam Web Site., viewed ,<https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/>
VANCOUVER
Zach Leatherman | Sciencx - » Making a PWA out of the 1996 Space Jam Web Site. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/
CHICAGO
" » Making a PWA out of the 1996 Space Jam Web Site." Zach Leatherman | Sciencx - Accessed . https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/
IEEE
" » Making a PWA out of the 1996 Space Jam Web Site." Zach Leatherman | Sciencx [Online]. Available: https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/. [Accessed: ]
rf:citation
» Making a PWA out of the 1996 Space Jam Web Site | Zach Leatherman | Sciencx | https://www.scien.cx/2019/10/17/making-a-pwa-out-of-the-1996-space-jam-web-site/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts