Skip to content

Instantly share code, notes, and snippets.

View marcus-herrmann's full-sized avatar

Marcus Herrmann marcus-herrmann

View GitHub Profile
@marcus-herrmann
marcus-herrmann / nonspa-main-focus.js
Created June 21, 2020 12:12
if (document.referrer) {
const referrerHostname = (new URL(document.referrer)).hostname;
let main;
if (location.hostname === referrerHostname) {
main = document.querySelector('main');
if (!!main) {
main.focus();
}
@marcus-herrmann
marcus-herrmann / AsyncComponent.vue
Last active April 20, 2020 05:36
<template>
<h2>Latest News</h2>
<p>{{ news }}</p>
</template>
<script>
export default {
async setup(props, context) {
const promise = new Promise((resolve) => {
setTimeout(function () {
@marcus-herrmann
marcus-herrmann / example.vue
Created February 24, 2019 07:44
Vue: Re-run transition on data change
<transition name="bounce">
<div class="shopping-cart__item-count" :key="numberOfCartItems" v-show="numberOfCartItems">
{{ numberOfCartItems }}
</div>
</transition>
@marcus-herrmann
marcus-herrmann / GitHub User Menu with Details, Summary elements
Created February 1, 2019 12:37
<li class="dropdown">
<details class="details-overlay details-reset d-flex pl-2 flex-items-center">
<summary class="HeaderNavlink name mt-1" aria-label="View profile and more" data-ga-click="Header, show menu, icon:avatar" aria-haspopup="menu">
<img alt="@marcus-herrmann" class="avatar float-left mr-1" src="https://avatars3.githubusercontent.com/u/505181?s=40&amp;v=4" width="20" height="20">
<span class="dropdown-caret"></span>
</summary>
<details-menu class="dropdown-menu dropdown-menu-sw" role="menu">
<div class="header-nav-current-user css-truncate"><a role="menuitem" class="no-underline user-profile-link px-3 pt-2 pb-2 mb-n2 mt-n1 d-block" href="/marcus-herrmann" data-ga-click="Header, go to profile, text:Signed in as">Signed in as <strong class="css-truncate-target">marcus-herrmann</strong></a></div>
<div role="none" class="dropdown-divider"></div>
@marcus-herrmann
marcus-herrmann / getAndSanitizeInputValues.php
Created June 20, 2018 12:37
<?php
$user_id = $input->post->int('user_id');
$is_checked = $input->post->bool('is_checked');
$catalogue_id = $input->post->int('catalogue_id');
$permission_type = $input->post->text('permission');
@marcus-herrmann
marcus-herrmann / index.html
Last active January 9, 2018 09:08
<html>
<head>
<!-- ... -->
</head>
<body>
<!-- ... -->
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js', { scope: '/test/' }).then(
function (reg) {
@marcus-herrmann
marcus-herrmann / gist:0f813a23db715b911b50
Last active August 29, 2015 14:12
Named mediaquery indicator
// More about that approach: http://bigger-on-the-inside.net/articles/named-mediaquery-indicator
/* For example in your project wide settings partial */
@mixin mqindicator($mqname) {
@if $debug == true {
body:before {
position: fixed;
top: 0;
right: 0;
@marcus-herrmann
marcus-herrmann / keybase.md
Created June 20, 2014 08:52

Keybase proof

I hereby claim:

  • I am marcus-herrmann on github.
  • I am marcusherrmann (https://keybase.io/marcusherrmann) on keybase.
  • I have a public key whose fingerprint is 36EB 66CD 33DA EFB7 8B92 5178 53EB 8A70 C82F 45B2

To claim this, I am signing this object:

@marcus-herrmann
marcus-herrmann / gist:1992466
Created March 7, 2012 10:41
HTML Starting Template
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<link href="css/screen.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/print.css" rel="stylesheet" media="print" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>