taptapdan

{
  "Ansi 6 Color" : {
    "Red Component" : 0.16470588235294117,
    "Color Space" : "sRGB",
    "Blue Component" : 0.59607843137254901,
    "Green Component" : 0.63137254901960782
  },
  "Tags" : [

  ],

taptapdan

Conference Videos

PyCon US 2023

https://www.youtube.com/playlist?list=PL2Uw4_HvXqvY2zhJ9AMUa_Z6dtMGF3gtb

App.js Conf 2023

https://www.youtube.com/playlist?list=PLSk21zn8fFZCfYEMpSqQOHMgyNKc8B7_s

taptapdan

Accessibility Notes

Footnotes

• Accessible Footnotes with CSS
• Why Don’t Screen Readers Always Read What’s on the Screen? Part 1: Punctuation and Typographic Symbols

Placeholders

• Placeholders in Form Fields are Harmful

taptapdan

Type Checking JavaScript

TypeScript

Articles & Videos

Classes vs Interfaces

techsith | React TypeScript Tutorial

taptapdan

HTML Workshop

What is HTML?

HTML, HyperText Markup Language, is a markup language used to create web pages. It essentially a language to describe the structure and content of a document.

Note: HTML is separate from CSS. CSS is a presentation language used to describe the style/appearance of the content. What font type or sizes, colors, spacing between text, etc.

Elements, Tags, Attributes

taptapdan

Checking for bad word combinations...
There are 14 words in fruits.
There are 39 words in animals.
There are 19 words in colors.
There are 72 total words in the pool.
There are 5112 unique word combinations.
####
apple mango: apple mango soda; someone with the initials A.M. with the "soda" added on to camoflauge the true meaning.

variation: hawaiian apple mango.

taptapdan

// Babel ES6
// ~/Library/Application Support/Sublime Text 3/Packages/User/JavaScript.sublime-build
{
  "cmd": ["/Users/fiore/.nvm/versions/node/v6.2.1/bin/babel-node", "$file"],
  "selector": "source.js"
}

taptapdan

// http://codecombat.com/play/level/ring-bearer

// You must escort a powerful magical ring back to town to be studied.
// The goal is to escape, not fight. More ogres lurk in the surrounding mountains!
// Make a circle of soldiers around the peasant!
// We give you two functions to help with this:

// findSoldierOffset figures out the position a soldier should stand at in relation to the peasant.
// The first argument 'soldiers' should be an array of your soldiers.
// The second argument 'i' is the index of the soldier (in soldiers) you want to find the position for.

taptapdan

// http://codecombat.com/play/level/the-bane-of-soldiers

// Robobombs explode when they die or touch an enemy.
// Split up your soldiers so that they don't all get exploded together.

while (true) {
    var friends = this.findFriends();
    var enemies = this.findEnemies();
    var targets = [];
    

taptapdan

// http://codecombat.com/play/level/hunting-party

// Strategy: move all troops continuously to the right,
//   making sure to keep the archers behind the frontline
//   so that the soldiers take the enemy attacks. Player
//   character follows along the front line and heals
//   any soldier/archer that is below max health.

var front   = [ 30, 30, 30 ]; // Frontline for Groups