Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Crack, Train, Fix, Release - Keynote at DevIT Thessaloniki 2015

2,282 views

Published on

The way we deal with new technologies of the web is changing and many new developers start in a world where they use and discard off-the-shelf open source solutions without much analysis. Releasing things quickly is paramount and there are not many repercussions - it seems.

In this talk Chris Heilmann of Microsoft will talk about problems we bring to the web by being too quick and assuming too much and he'll show how old-school quality thinking can help us deliver and be proud of what we do.

Published in: Software, Education
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Crack, Train, Fix, Release - Keynote at DevIT Thessaloniki 2015

  1. 1. CRACK, TRAIN, FIX, RELEASE CHRIS HEILMANN (@CODEPO8), DEVIT, THESSALONIKI,15/05/2015
  2. 2. MAN, I WAS AWESOME! (I GOT A BIT BETTER)
  3. 3. IT ALL STARTED WITH A FLOPPY…
  4. 4. I SUCKED AT PLAYING GAMES - AND IT WAS FRUSTRATING.
  5. 5. TCS ➜ RUN ➜ ENDLESS LIVES!
  6. 6. THOSE CRACKERS MUST BE SOMETHING REALLY SPECIAL!
  7. 7. OPEN SESAME!
  8. 8. FREEZE GAME ➜ EDIT SCREEN ➜ FIND LIVES COUNTER ADDRESS (F.E. $0410) ➜ HUNT MEMORY FOR CE 10 04 (DEC $0410) ➜ REPLACE WITH EA EA EA (NOP NOP NOP) ➜ ENDLESS LIVES!
  9. 9. LET’S GO THE DOOR WAS OPEN, AND I TOOK ONE STEP AT A TIME AND KEPT EXPLORING!
  10. 10. ENHANCE! • Level skipper • Weapons chooser • Toggle sprite collision • Learn Assembly language to write trainer menu • Find space in memory for said menu
  11. 11. RELEASE! • Learn about packers to create smaller version • Add intro to boast • Give to people
  12. 12. UPPING THE GAME! • Removing copy protections • Level crunchers/packers • Fast loaders
  13. 13. THE HACKER NEWS OF OLD…
  14. 14. COMPETITION • First release • Smallest release • NTSC/PAL fix
  15. 15. STANDING OUT FROM THE COMPETITION • Jewel versions • Bug fixing • Highscore Savers • Writing Docs
  16. 16. ELITE ACCESS TOOLING MADE THE DIFFERENCE • Packers • Storage/Transfer tools • Cross-platform tools • Creation tools (Assemblers, Pixel Editors, Sprite tools…) • BBS/FTP access
  17. 17. GOING LEGIT • Writing tools • Writing Games • Coding Intros/Demos • Moving on…
  18. 18. ACCIDENTAL ARCHIVISM
  19. 19. OHAI CINEMAWARE…
  20. 20. ACCIDENTAL ARCHIVISM • Floppies ➜ BBS ➜ FTP • Original storage media is unreadable • Original companies gone • No official backups
  21. 21. THINGS I LEARNED
  22. 22. THINGS I LEARNED • Nothing can hold you back when you are good at analysing and repeating • Everything you see on screen came from somewhere - it is never set in stone • It is much more fun to explore and tweak than to get something handed to you
  23. 23. THINGS I LEARNED • Working in a limited/unknown environment is a wonderful challenge • You don’t need to feel limited by the environment you target - you can use whatever you want to create for it • The more people do this, the more best practices can be shared.
  24. 24. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  25. 25. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  26. 26. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE
  27. 27. 160 × 200 PIXELS (ON A 320 × 200 PIXELS DISPLAY) 16 PREDEFINED COLOURS 1 SCREEN-WIDE BACKGROUND COLOUR. 3 COLOURS IN EACH 8 × 8 (4 × 2) PIXEL SQUARE • MUCH BETTER TOOLING • EXPERIENCE • SHARED TRICKERY AND KNOWLEDGE • LOVE FOR THE PLATFORM
  28. 28. HELLO, WEB
  29. 29. HELLO VIEW SOURCE • A big part of my success on the web was using view source and reverse engineering • We all did, don’t let people tell you otherwise • The lack of distance between creation and consumption was really down my alley…
  30. 30. HELLO, TOOLS… • Crawlers, Link checkers • HTML Validators • Web Development toolbars • HTTP proxies, sniffers • Venkman, Frontpage Express JS Debugger…
  31. 31. VIEW SOURCE+5/ [H]/100%/JEWEL
  32. 32. VIEW SOURCE+5/ [H]/100%/JEWEL • These days, developer tools have replaced view source • We have incredible insight into what our code does in the browser • Of course, not everybody is ready for this…
  33. 33. Open sesame!WELCOME TO CYBER SPACE, HELP THE CYBER POLICE!
  34. 34. THE BEST PART? • Our tooling is free and open • A lot of it is across platforms and gives remote access to other devices • You can use the web, virtualisation and cloud based machines to test for all kind of issues • We can share and fix issues collaboratively in real-time.
  35. 35. AUTOMATION AND OPTIMISATION • Task runners • Package managers • Pre-, Post-Compilers and Transpilers • Cross-platform conversion tools
  36. 36. YOU ALREADY HAVE ELITE STATUS • Releasing tooling publicly is the norm • You could even say it is a competitive race much like the cracking scene was • There is no shortage of hype
  37. 37. REDACT.JS (RELEASE APRIL 1ST)
  38. 38. AND WHILST WE GET EXCITED ABOUT IMPRESSING ONE ANOTHER WITH AMAZING TOOLS THAT ONLY LACK APPLICATION IN REAL PRODUCTS…
  39. 39. THE WEB IS LOSING QUALITY. https://twitter.com/Caged/status/590602214021922818
  40. 40. THE AVERAGE WEBPAGE NOW IS 2MB WITH > 100 REQUESTS! https://twitter.com/scottjehl/status/595827049136267266
  41. 41. DJUSTET PRICING IS WHAT I CALL THAT! ROAMING ON OUR MOBILES CAN BE UP TO 12 GBP / 10MB… WHICH MEANS, I PAY ABOUT 3.32 EURO TO LOAD A WEB PAGE! MALA…
  42. 42. THIS IS NOT DEALER QUALITY SOFTWARE
  43. 43. AND THERE’S NO TECHNICAL EXCUSE… http://www.webpagetest.org/
  44. 44. WE’RE FOCUSING TOO MUCH ON TOOLING AND PUT TOO MANY MAGICAL SOLUTIONS IN PLACE…
  45. 45. WHEREAS WE SHOULD CONCENTRATE ON CREATING AMAZING END PRODUCTS.
  46. 46. TIME TO CREATE SOME JEWEL RELEASES FOR THE WEB! • Work cross-platform and input independent • Perform jank-free at a sensible frame rate • Are small and simple and enhance when possible • Use device storage to deliver repeated content fast • Work offline • All browsers get what they can sensibly display • Load dependencies on demand • Offer only as much as needed
  47. 47. THE WEB IS THE MOST VERSATILE AND NON-ELITE PLATFORM. GO AND MAKE YOUR MARK!
  48. 48. Chris Heilmann christianheilmann.com @codepo8 Ευχαριστώ! dev.modern.ie developer.mozilla.org

×