Skip to content

Instantly share code, notes, and snippets.

View jdanyow's full-sized avatar
💭
Confirming my whereabouts

Jeremy Danyow jdanyow

💭
Confirming my whereabouts
View GitHub Profile
@jdanyow
jdanyow / index.html
Created May 3, 2022 19:00
Star rating web component - slot refactor
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css/dist/index.css">
<!-- fake design system styles or application styles to illustrate styling the "public interface" of the web component (the component itself as well as "parts" it's exposed for styling) -->
<style>

Architecture to enable docs-ui PR review

Most folks working in docs-ui rely on the ability to test PRs against stable services which match production. These include content services like OPS, docfx, DHS, content-proxy, and learn hierarchy, but also profile, progress, gamification, and others.

For devs working on this type of functionality it would be detrimental to reliability of the product if they were integrating PRs with services which do not match production. In the past there have also been productivity issues when we were developing against PPE versions of services. For example, during learn's early development we had to use the PPE environment's nightly builds of OPS and docfx. When there were bugs in these services the US team was essentially down for the day because we couldn't integrate. With the current team sizes the impact of a down service like auth or content would be significant.

Another set of folks working in docs-ui rely on the ability to test PRs against unstable services which may n

@jdanyow
jdanyow / index.html
Last active April 26, 2022 03:19
Star rating web component
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css/dist/index.css">
<!-- fake design system styles or application styles to illustrate styling the "public interface" of the web component (the component itself as well as "parts" it's exposed for styling) -->
<style>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css/dist/index.css">
<!-- fake design system styles or application styles to illustrate styling the "public interface" of the web component (the component itself as well as "parts" it's exposed for styling) -->
<style>
@jdanyow
jdanyow / index.html
Last active February 18, 2022 22:01
Atlas
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark">
<title>Microsoft Atlas</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css/dist/index.css">
</head>
<body class="markdown padding-sm padding-xl-tablet padding-xxl-desktop">
@jdanyow
jdanyow / app.html
Created March 11, 2017 16:35
Aurelia custom checkbox element
<template>
<require from="./mega-check"></require>
<style>
label {
display: block;
margin: 5px;
}
</style>
@jdanyow
jdanyow / command.md
Created February 8, 2022 03:11
--disable-web-security macos
open -na Brave\ Browser --args --user-data-dir=/tmp/temporary-chrome-profile-dir --disable-web-security --disable-site-isolation-trials
@jdanyow
jdanyow / app.html
Last active January 19, 2022 02:10
Aurelia Gist
<template>
<h1>${message}</h1>
</template>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css@3.6.0/dist/index.css" crossorigin="anonymous">
<style>
/* truncation */
.truncate {
display: inline-flex !important;
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@microsoft/atlas-css@3.6.0/dist/index.css" crossorigin="anonymous">
</head>
<body>
<div class="display-flex align-items-center">
<details class="popover">