Skip to content

Instantly share code, notes, and snippets.

View shiftgeist's full-sized avatar
🪄
Conjuring CSS

Felix Hungenberg shiftgeist

🪄
Conjuring CSS
47 followers · 173 following
  • 14:16 (UTC +02:00)
View GitHub Profile
@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'
@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 / 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 / 📊 Weekly development breakdown
Last active October 29, 2020 13:19
TypeScript 2 hrs 31 mins ███▋░░░░░░░░░░░░░░░░░ 17.6%
Other 2 hrs 30 mins ███▋░░░░░░░░░░░░░░░░░ 17.5%
HTML 2 hrs 14 mins ███▎░░░░░░░░░░░░░░░░░ 15.6%
Markdown 1 hr 58 mins ██▉░░░░░░░░░░░░░░░░░░ 13.8%
JavaScript 1 hr 31 mins ██▏░░░░░░░░░░░░░░░░░░ 10.7%
@shiftgeist
shiftgeist / how-to-present-yourself.md
Last active October 30, 2019 17:14
How to present yourself

Structuring the presentation

  1. Brief
  2. Challenges
  3. Goals
  4. Unique Solution

Example:

  1. The Mission: Who is the client? Location? What are the clients wants and needs?
  2. Service: List of services (Brand Strategy, Brand Identity Design)
@shiftgeist
shiftgeist / uxtrunk.md
Last active May 3, 2019 13:17
Things to remember when developing platforms (big companies fail at this too) [WIP]
  1. The user comes first
  2. First
  3. Don't give the user to much to configure
  4. Often less is more
@shiftgeist
shiftgeist / Suggested Browserlist.md
Last active March 28, 2019 11:45 
"browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
]
@shiftgeist
shiftgeist / vscode-essentials.md
Last active November 25, 2019 10:02

Visual Studio Code Essentials

Required 🔥

  • Editorconfig
  • gitflow
  • Markdown ALL in One
  • Subword Navigation

Optional ⛳

@shiftgeist
shiftgeist / atom-rant.md
Last active January 8, 2020 07:43
Atom rant or "X reasons why I moved from Atom to vscode"

After working with Atom for around 2 years I switch to VSCode.

Here is why:

  1. Color display of variables in code. This may now sound much, but it improve the display of scss variables and its a core feature.
  2. Out of the box features.
  3. Automation! VSCode suggests usefull things to you.
  4. Integraded console. I love the console in VSCode. It is faster than my 'default' cmd on Windows. For Atom you would have to install a package, that doesn't work so well on Windows.
  5. Output logging per Plugin.
  6. Setup time. In VSCode I can set up my workspace in under 5 minutes. For Atom I need
@shiftgeist
shiftgeist / apt.md
Last active January 8, 2020 07:47
Interesting tweeks not to forget in apt.

Installing an old apt package version / How apt-cache showpkg saved my day

Docker-ce won't start at version 18.09.0

With apt-cache you get all latest versions.

$ apt-cache showpkg docker-ce

18.09.0~3-0~debian-stretch - # Newest
18.06.1~ce~3-0~debian - # The one i wanted