codepo8

Resources for: MisplAIced - good AI solutions need good UX

• ChatGPT fastest growing app
• ChatGPT
• Google Bard
• Microsoft trying too hard to make us use Bing Chat
• Inaccessibility of Chat Interfaces
• GitHub Copilot Chat
• GitHub Copilot Code referencing
• GitHub Copilot for Pull Requests

codepo8

{
"Gore": [
    "Blood", "Bloodbath", "Crucifixion", "Bloody", "Flesh", "Bruises", "Car crash", "Corpse", "Crucified", "Cutting", "Decapitate", "Infested", "Gruesome", "Kill (as in Kill la Kill)", "Infected", "Sadist", "Slaughter", "Teratoma", "Tryphophobia", "Wound", "Cronenberg", "Khorne", "Cannibal", "Cannibalism", "Visceral", "Guts", "Bloodshot", "Gory", "Killing", "Surgery", "Vivisection", "Massacre", "Hemoglobin", "Suicide", "Female Body Parts"
],
"Drugs": [
    "Drugs", "Cocaine", "Heroin", "Meth", "Crack"
],
"Clothing": [
    "no clothes", "Speedo", "au naturale", "no shirt", "bare chest", "nude", "barely dressed", "bra", "risqué", "clear", "scantily", "clad", "cleavage", "stripped", "full frontal unclothed", "invisible clothes", "wearing nothing", "lingerie with no shirt", "naked", "without clothes on", "negligee", "zero clothes"
],

codepo8

Halfstack at the beach - Turning the screw with AI

• Slide Deck

Resources

• Layoff tracker
• Turning the screw with AI detailed blog post
• Course - Demystifying AI: Understanding Machine Learning
• Galieo.ai - Building Web Apps with Machine Learning

codepo8

Resources for "Web Development in the Times of AI"

• Demystifying Artificial Intelligence: Understanding Machine Learning course on Skillshare
• ChatGPT prompt engineering course
• Generative AI learning path
• Galileo.ai
• ChatGPT taking jobs of social media writers
• Microsoft launching copilot for Power Pages
• GitHub Copilot
• Amazon CodeWhisperer

codepo8

The Slides of the talk are here

• Filtering console messages
• Issues Panel in Developer Tools
• Powering the issues panel: Webhint - automated testing for all kind of issues
• Webhint extension for Visual Studio Code
• CSS Grid Tooling
• Flexbox debugging tools
• Web Typography Editor
• [Breakpoint debugging](https://docs.microsoft.com/microsoft-edge/devtools-g

codepo8

/*
  Zooming and rotating HTML5 video player
  Homepage: http://github.com/codepo8/rotatezoomHTML5video
  Copyright (c) 2011 Christian Heilmann
  Code licensed under the BSD License:
  http://wait-till-i.com/license.txt
*/
(function(){

/* predefine zoom and rotate */

codepo8

Cheating like a pro – a few tools to get you pixeling and converting for C64

• Slides as PDF

Demos

• The Trooper by Carrion/Bonzai
• The Tropper making of on YouTube
• Project Argon 3 colour logo by rexbeng (amazing dithering example)
• Digital Talk Logo

codepo8

Slides

• The slides of the Intel AIDC keynote are available here as a PDF
• The slides of this talk are available on Dropbox as a PDF

Intro and history of ML on the web

• Autodraw by Google is a tool that allows you to doodle what you want to paint and turns it into a proper icon by detecting the outline and making an ML based assumption what it could be.
• Quickdraw by Google is a game they created a few years before Autodraw to train the model.
• ReCaptcha is a CAPTCHA engine that feeds the data back into Google's ML systems. For example, currently being asked to detect street signs or cars is a good indicator that this data will go into the self-driving cars project.

codepo8

Cheatcodes for the web (Halfstack 2022 edition) resources

Cheatcodes for the web tutorial

• Remove annoying overlays and page elements
• Take screenshots of web content
• Inspect the uninspectable
• Get back the context menu
• Avoid unwanted redirects
• Get a simpler video player

codepo8

var tryCount = 0;
var minimalUserResponseInMiliseconds = 200;
function check() {
  console.clear();
  before = new Date().getTime();
  debugger;
  after = new Date().getTime();
  if (after - before > minimalUserResponseInMiliseconds) {
    document.write(" Dont open Developer Tools. ");
    self.location.replace(window.location.protocol + window.location.href.substring(window.location.protocol.length));