Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
I may be slow to respond.

Tim Brust timbru31

💭
I may be slow to respond.
View GitHub Profile
@Liozon
Liozon / Edge add-on badge.md
Last active Apr 7, 2021
New Edge get the extension add-on badge
View Edge add-on badge.md

Badge "Get it for Microsoft Edge"

Why ?

This is a custom made badge to add on websites or pages where you link your new extension or add-on for the new Edge. This custom badge "Get it for Microsoft Edge" was made since MS doesn't have an official one yet, other than "Get it from Microsoft".

Terms of use

Feel free to use it, but please give credit for the work, thank you !

Author: Julien Muggli

@dumptruckman
dumptruckman / DebugLogHandler.java
Last active Dec 26, 2020
A simple option for enabling debug logging in your Bukkit plugin,
View DebugLogHandler.java
/**
* Copyright 2019 dumptruckman
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
* permit persons to whom the Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
* the Software.
@unaiur
unaiur / HaasaLittle.py
Last active May 13, 2020
Simpler and faster version of Haaska AWS Lambda in https://github.com/mike-grant/haaska
View HaasaLittle.py
#!/usr/bin/env python3.7
# coding: utf-8
# Copyright (c) 2019 Unai Uribarri <unaiur@gmail.com>
#
# Permission is hereby granted, free of charge, to any person obtaining a copy
# of this software and associated documentation files (the "Software"), to deal
# in the Software without restriction, including without limitation the rights
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
# copies of the Software, and to permit persons to whom the Software is
@avesus
avesus / September 2017 iOS WebKit input focus position: fixed.md
Created Sep 4, 2017
September 2017 iOS WebKit input focus position: fixed
View September 2017 iOS WebKit input focus position: fixed.md

Mobile Safari does not support position: fixed when an input focused and virtual keyboard displayed.

To force it work the same way as Mobile Chrome, you have to use position: absolute, height: 100% for the whole page or a container for your pseudo-fixed elements, intercept scroll, touchend, focus, and blur events.

The trick is to put the tapped input control to the bottom of screen before it activates focus. In that case iOS Safari always scrolls viewport predictably and window.innerHeight becomes exactly visible height.

Open https://avesus.github.io/docs/ios-keep-fixed-on-input-focus.html in Mobile Safari to see how it works.

Please avoid forms where you have several focusable elements because more tricks to fix position will be necessary, those were added just for demonstration purposes.

@christian-bromann
christian-bromann / Readme.md
Last active Aug 8, 2017
Run Chrome headless
View Readme.md

Run Chrome headless

The good old PhantomJS times are over. The project is not maintained anymore and it is recommended to switch over to Chrome headless. Just run a local Selenium standalone server:

$ java -jar Sites/selenium-server-standalone-3.4.0.jar
@chrisveness
chrisveness / crypto-aes-gcm.js
Last active Apr 20, 2021
Uses the SubtleCrypto interface of the Web Cryptography API to encrypt and decrypt text using AES-GCM (AES Galois counter mode).
View crypto-aes-gcm.js
/**
* Encrypts plaintext using AES-GCM with supplied password, for decryption with aesGcmDecrypt().
* (c) Chris Veness MIT Licence
*
* @param {String} plaintext - Plaintext to be encrypted.
* @param {String} password - Password to use to encrypt plaintext.
* @returns {String} Encrypted ciphertext.
*
* @example
* const ciphertext = await aesGcmEncrypt('my secret text', 'pw');
@p3t3r67x0
p3t3r67x0 / pseudo_elements.md
Last active Mar 16, 2021
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.
View pseudo_elements.md

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {
@codler
codler / flex.less
Last active Nov 20, 2020
Prefix flex for IE10 and Safari / iOS in LESS
View flex.less
/*! Prefix flex for IE10 and Safari / iOS in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */
.display(@value) when (@value = flex) {
display: -ms-flexbox; // IE10
display: -webkit-flex; // Safari / iOS
}
.display(@value) when (@value = inline-flex) {
@Kartones
Kartones / postgres-cheatsheet.md
Last active Apr 21, 2021
PostgreSQL command line cheatsheet
View postgres-cheatsheet.md

PSQL

Magic words:

psql -U postgres

Some interesting flags (to see all, use -h or --help depending on your psql version):

  • -E: will describe the underlaying queries of the \ commands (cool for learning!)
  • -l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)
@joaocunha
joaocunha / How To Hide The Select Arrow On Firefox.md
Last active Jan 12, 2021
How to hide <select> dropdown's arrow in Firefox when using "-moz-appearance: none;".
View How To Hide The Select Arrow On Firefox.md

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using -moz-appearance:none;

TL;DR (or, the fix)

  1. Set -moz-appearance to none. This will "reset" the styling of the element;
  2. Set text-indent to 0.01px. This will "push" the text a tiny bit[1] to the right;