paulsmith

/**
 * 8x8 monochrome bitmap fonts for rendering
 * Author: Daniel Hepper <daniel@hepper.net>
 *
 * License: Public Domain
 *
 * Based on:
 * // Summary: font8x8.h
 * // 8x8 monochrome bitmap fonts for rendering
 * //

cosismo

/* Simple Arduino LED blink example sketch for built-in 
   RGB 5050 LED on the AI Thinker NodeMCU-ESP-S3-12K-Kit
    
    This example is in the Public Domain
    Cosismo IoT | Github: cosismo
*/

#define led_r_pin 5
#define led_g_pin 6
#define led_b_pin 7

VanishMax

// Tag can be string or a function if we parse the functional component 
type Tag = string | ((props: any, children: any[]) => JSX.Element);

// Attributes of the element – object or null
type Props = Record<string, string> | null;
  
// Element children – return value from the h()
type Children = (Node | string)[];
  
export const h = (tag: Tag, props: Props, ...children: Children) => {

estruyf

:root {
  --vscode-font-weight:normal;
  --vscode-font-size:13px;
  --vscode-editor-font-family:"Operator Mono Lig", "Cascadia Code";
  --vscode-editor-font-weight:normal;
  --vscode-editor-font-size:15px;
  --vscode-foreground:#f3eff5;
  --vscode-errorForeground:#f48771;
  --vscode-descriptionForeground:rgba(243, 239, 245, 0.7);
  --vscode-icon-foreground:#c5c5c5;

getflourish

Import CustomElements from .html files

This is the technical implementation of the idea and concept described in my article “Why don’t we use HTML to author web components?”

Instead of using template literals, constructors and other specifics to define CustomElements, this is a proposal to just use standard HTML to define CustomElements.

The goal is to import CustomElements like this:

ValeriiVasyliev

Woocommerce Javascript events
Woocommerce Checkout JS events

$( document.body ).trigger( 'init_checkout' );
$( document.body ).trigger( 'payment_method_selected' );
$( document.body ).trigger( 'update_checkout' );
$( document.body ).trigger( 'updated_checkout' );
$( document.body ).trigger( 'checkout_error' );
$( document.body ).trigger( 'applied_coupon_in_checkout' );

gugadev

import React, { FunctionComponent, ReactChild } from 'react'

const listeners = Symbol('jsx-web-comp/event-listeners')
const eventPattern = /^onEvent/

const toKebabCase = (str: string): string => str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()

export default function jsx (type: string | FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
  const isCustomElement = customElements.get(type as string)
  const newProps = { ...props }

WebReflection

Handy Custom Elements' Patterns

^{Photo by Ricardo Gomez Angel on Unsplash}

This gist is a collection of common patterns I've personally used here and there with Custom Elements.

These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

ChrisTollefson

Boot Camp Assistant - Enabling creation of bootable USB disks for installing Windows

Contents

• Applicability
• Introduction
• Procedure
  • 1. Obtain permission to edit Boot Camp Assistant's Property List file.
    • Option A: Duplicate the Boot Camp Assistant application package.
    • Option B: Disable System Integrity Protection (SIP).

manigandham

React

• Ant Design - https://ant.design/
• Atlaskit by Atlassian - https://atlaskit.atlassian.com/
• Base Web by Uber - https://baseweb.design/
• Blueprint by Palantir - https://blueprintjs.com/
• Carbon by IBM - https://www.carbondesignsystem.com/
• Elastic UI by Elastic - https://elastic.github.io/eui/
• Evergreen by Segment - https://evergreen.segment.com/