Skip to content

Instantly share code, notes, and snippets.

View justinbmeyer's full-sized avatar

Justin Meyer justinbmeyer

View GitHub Profile

FOO BAR

I AM CONTENT

FOO BAR

I AM CONTENT
<my-paginate offset:from='0' limit:from='20'></my-paginate>

<script type="module">
import {Component} from "can";

Component.extend( {
	tag: "my-paginate",
	ViewModel: {
 offset: { default: 0 },

What do you mean by "these types of tests"? Do you think there's a substantive difference between an internet survey and a peer reviewed Harvard study created by 3 Phds? Or are both corrupt?

I took the race one. It said:

Your data suggest a slight automatic preference for European Americans over African Americans.

Which doesn't really surprise me (if it does embarrass me). Tribal affiliations are one of humans strongest tendencies. We evolved in small waring tribes. The fact that we can even get along with people who look just like us is a big step forward. Religion, government, and trade have all been tools that helped expand (and sometimes add limits to) our ingroup/outgroup mentality.

Dear Web Developers,

The humble DoneJS core team enthusiastically presents CanJS 5.0. Like 4.0 before it, this release continues to simplify CanJS and solve problems in new and ergonomic ways. If you are unfamiliar with CanJS, the common web development problems it tackles are:

  • Responding to user interactions and updating HTML with components (custom elements).
  • Retrieving and modifying service data with models.
  • Routing url changes to state changes and state changes to url changes with routing.

The following example shows connecting [can-route.data route.data] to a <route-data>'s observable ViewModel. Notice the following:

  • When you change the page or action <input> values, the hash updates. (The hash is what's after the # in the URL.)
  • When you change the hash, the page or action <input> values update. Change the hash by:
    • Clicking the Set hash to #!&page=recipes&action=create button.
    • Manually typing in the mock url. Make sure to keep page=VALUE and action=VALUE.
    • Clicking the back button () after the hash has been updated at least once.

See the Pen CanJS 5. Basic routing. by Justin Meyer (@justinbmeyer) on

import { Component, DefineMap, stache } from "//unpkg.com/can@^5.0.0-pre.1/core.mjs";
var style = document.createElement("style");
style.innerHTML = `
mock-url {display: block;}
mock-url .location {
display: flex;
margin-bottom: 20px;
}
mock-url .url {
@justinbmeyer
justinbmeyer / mock-url.mjs
Created July 2, 2018 23:16
A mock header for a browser
import { Component, DefineMap, stache } from "//unpkg.com/can@^5.0.0-pre.1/core.mjs";
var style = document.createElement("style");
style.innerHTML = `
mock-url {display: block;}
mock-url .location {
display: flex;
margin-bottom: 20px;
}
mock-url .url {
@justinbmeyer
justinbmeyer / html-world.md
Last active June 28, 2018 19:45
html-world

Sibling communication

<get-todos/>

<ui-grid>
  <can-bind from="$(get-todos).todos" to="items"/>
</ui-grid>
@justinbmeyer
justinbmeyer / check-hash-links.md
Created June 27, 2018 21:39
Check hash links in a page

Agile Sprint Cycle

This document outlines the Open Source Team's Agile Development Cycle. This cycle is complementary to the OS Product Epochs and details the execution phase of the overall OS Product Cycle.

Summary

The Open Source team is dedicated to creating great technology, and as our team grows we have processes in place to support one another in achieving our goals, clear communication, transparency, and continual growth.

The sprint's activities are tracked in Sprint Planning Report