Skip to content

Instantly share code, notes, and snippets.

View tricki's full-sized avatar

Thomas tricki

  • Zürich, Switzerland
View GitHub Profile
@tricki
tricki / add-overlay.js
Last active September 20, 2022 08:50
Bootstrap Grid Overlay
if (document.querySelector('#grid-preview')) {
document.querySelector('#grid-preview').remove();
document.querySelector('#grid-preview-style').remove();
} else {
document.body.insertAdjacentHTML('beforeend', '<div class=container id=grid-preview><div class=row><div class=col><div class=inner><div class="d-block d-sm-none">XS</div><div class="d-none d-md-none d-sm-block">SM</div><div class="d-none d-lg-none d-md-block">MD</div><div class="d-none d-lg-block d-xl-none">LG</div><div class="d-none d-xl-block d-xxl-none">XL</div><div class="d-none d-xxl-block">XXL</div></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></div><div class=col><div class=inner></div></
@tricki
tricki / StencilAsync.ts
Last active August 1, 2022 19:46
Stencil Async Helper (Promise + RXJS/Observables)
import { ComponentInterface, forceUpdate, getRenderingRef } from '@stencil/core';
import type { Observable, Subscription } from 'rxjs';
import { ComponentRegistration, ObservableRegistration } from "./types";
export function async<T>(obj: Observable<T> | Promise<T>): T | undefined {
return getAsyncValue(obj);
}
export interface ComponentRegistration<T = any> {
promises: PromiseMap;
@tricki
tricki / getHostRef.json
Created February 25, 2021 16:56
Example of the output of `getHostRef` for `<ion-icon name="rocket" />`
{
"$flags$": 483,
"$hostElement$": { "s-p": [] },
"$cmpMeta$": {
"$flags$": 1,
"$tagName$": "ion-icon",
"$members$": {
"mode": [1025],
"color": [1],
"ariaLabel": [1537, "aria-label"],

Keybase proof

I hereby claim:

  • I am tricki on github.
  • I am tricki (https://keybase.io/tricki) on keybase.
  • I have a public key ASDhNtDVU65Zc3f5V7-kBr0ld-IvJ5BZ379WozO2QKedZgo

To claim this, I am signing this object:

@tricki
tricki / example.html
Created May 29, 2012 08:52 — forked from edersohe/example.html
short plugin that implement vertical buttonset for radio buttons and checkboxes with jquery ui
<html>
<head>
<title>Test</title>
<link rel="stylesheet" media="all" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/start/jquery-ui.css"></link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<script src="jquery.myplugin.js"></script>
<script>
$(document).ready(function(){
//call plugin