Skip to content

Instantly share code, notes, and snippets.

View shiftgeist's full-sized avatar
🪄
Conjuring CSS

Felix Hungenberg shiftgeist

🪄
Conjuring CSS
  • 12:57 (UTC +02:00)
View GitHub Profile
@shiftgeist
shiftgeist / reset.css
Last active November 25, 2019 09:58
Mayers Browser Reset 2.1, making this a fork soonTM
// Adjust version of Eric Meyers Browser Reset 2.0
html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
@shiftgeist
shiftgeist / responsive.scss
Last active April 9, 2020 15:37
Usefull Sass mixins and functions
$layout--breakpoints: ('xsmall': 480px, 'small': 640px, 'medium': 768px, 'large': 860px, 'xlarge': 1040px) !default;
@mixin respond-to($args...) {
@each $name in $args {
@if map-has-key($layout--breakpoints, $name) {
@media only screen and (min-width: #{map-get($layout--breakpoints, $name)}) {
@content;
}
}
@shiftgeist
shiftgeist / .eslintrc.js
Last active March 9, 2020 10:23
Vue default typescript eslint config.
module.exports = {
plugins: ['@typescript-eslint'],
parserOptions: {
parser: require.resolve('@typescript-eslint/parser'),
ecmaVersion: 2020
},
extends: [
'eslint-config-standard',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescript-eslint/recommended'
{
"compilerOptions": {
"paths": {
"@/*": [
"src/*"
]
}
}
}
@shiftgeist
shiftgeist / postcss.config.js
Created July 27, 2020 08:08
add postcss plugin in production only
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
...(process.env.NODE_ENV === 'production' ? [purgecss] : [])
]
};
@shiftgeist
shiftgeist / gnome-extensions.md
Last active July 27, 2020 08:50
Gnome Extensions to create a more Windows experience.
@shiftgeist
shiftgeist / release.yml
Created March 10, 2021 13:46
Release to npm and github registry on tag push
name: Release
on:
push:
tags:
- '*'
jobs:
release:
name: Release
@shiftgeist
shiftgeist / pog-star-repo.csv
Last active November 6, 2021 15:42
Collection of the best repositories that I stared (definitely not because I forget their names)
We can make this file beautiful and searchable if this error is corrected: It looks like row 9 should actually have 4 columns, instead of 3 in line 8.
Name,Description,Link,Quick Start
barrier,Open-source KVM software,https://github.com/debauchee/barrier,apt install barrier
based.cooking,A simple culinary website,https://github.com/LukeSmithxyz/based.cooking,based.cooking
Bundlephobia,Find the cost of adding a npm package to your bundle,https://github.com/pastelsky/bundlephobia,https://bundlephobia.com
catt,Cast All The Things allows you to send videos from many online sources to your Chromecast,https://github.com/skorokithakis/catt,python3 -m pip install catt
clean-code-javascript,🛁 Clean Code concepts adapted for JavaScript,https://github.com/ryanmcdermott/clean-code-javascript,https://github.com/ryanmcdermott/clean-code-javascript#introduction
entr,Run arbitrary commands when files change,https://github.com/eradman/entr,curl https://eradman.com/entrproject/code/entr-5.0.tar.gz -o entr-5.0
flameshot,Powerful yet simple to use screenshot software 🖥️ 📸,https://github.com/flameshot-org/flameshot,apt install flameshot
fzf,🌸 A command-line fuzzy finder,https:/
/**
* If a object has a property with Array<{ [key]: val }> and you want to make the array object values partial
*/
export type PartialByArray<T, K extends keyof T> = Exclude<T, K> & {
[key in K]: Array<{ [B in keyof T[K]]: Partial<T[K][B]> }>
}
@shiftgeist
shiftgeist / vite.config.ts
Created January 9, 2024 12:21
Vite: Fetch package.json version
const fetchVersion = () => {
return {
name: 'html-transform',
transformIndexHtml(html) {
return html.replace(
/__APP_VERSION__/,
`v${process.env.npm_package_version}`
)
}
}