macx

Switch from classic yarn to modern yarn

Why

Previously, yarn was installed globally via npm i -g yarn or brew install yarn/choco install yarn and every project you are working on uses it to handle it's dependencies. yarn itself will installed in version 1, which is called "classic". If you update yarn in the version 1 branch over time, old projects could become not compatible anymore.

Here is "Modern yarn" kicking in, because it will be installed not globally, it will installed per project with corepack which is a tool from Node to handle different versions. Modern yarn starts from version 2 and is now 4.

Installed per project basis, you can operate your projects with different yarn versions independently – a huge benefit in terms of compatibiliy. But in order to so, you have to remove yarn globally and reinstall it with corepack.

macx

{"name":"HAWK-GT1191","settings":"{\"settings\":\"{\\n  \\\"workbench.colorTheme\\\": \\\"Cobalt2\\\",\\n  \\\"editor.tabSize\\\": 2,\\n  \\\"editor.formatOnSave\\\": true,\\n  \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\",\\n  \\\"editor.fontSize\\\": 15,\\n  \\\"window.zoomLevel\\\": 0,\\n  \\\"editor.stickyScroll.enabled\\\": true,\\n  \\\"editor.bracketPairColorization.independentColorPoolPerBracketType\\\": true,\\n  \\\"editor.guides.bracketPairs\\\": true,\\n  \\\"editor.wordWrapColumn\\\": 90,\\n  \\\"editor.lineHeight\\\": 1.5,\\n  \\\"emmet.triggerExpansionOnTab\\\": true,\\n  \\\"emmet.showSuggestionsAsSnippets\\\": true,\\n  \\\"prettier.bracketSameLine\\\": true,\\n  \\\"prettier.singleQuote\\\": true,\\n  \\\"prettier.printWidth\\\": 90,\\n  \\\"terminal.integrated.fontSize\\\": 16,\\n  \\\"indentRainbow.colors\\\": [\\n    \\\"rgba(255,255,64,0.07)\\\",\\n    \\\"rgba(127,255,127,0.07)\\\",\\n    \\\"rgba(255,127,255,0.07)\\\",\\n    \\\"rgba(79,236,236,0.07)\\\"\\n  ],\\n  \\

macx

...

macx

<!--
  Simple Key Remapping for maxOS
  Based on an article from Chu Yenow:
  https://blog.codefront.net/2020/06/24/remapping-keys-on-macos

  Create a LaunchAgent to automatically remap your keys when maxOS starts:
  https://hidutil-generator.netlify.app/
  and put this file an ~/Library/LaunchAgents/com.example.KeyRemapping.plist. to
  automatically remap your keys when macOS starts.

macx

PHP Server mit Visual Studio Code

Um mehrseitige, dynamische Websites mit Visual Studio Code zu erstellen, benötigst du eine Programmiersprache – wir verwenden hier im Beispiel PHP – und einen Server, der dir die Website im Browser bereitstellen kann.

• Installation von PHP
• Einrichtung des Servers
• Einrichtung von Live Reload
• Website entwickeln

macx

:root {
  --header-height: 40px;
  --control-panel-width: 140px;
}

._2c4vB {
  float: none;
  width: auto;
  margin: 0;
}

macx

:root {
  --copper-drawer-width: 360px;
}

.gb_Kc {
  position: fixed;
  top: 62px;
  right: 14px;
}

macx

submodule="src/fields/builder"

git rm "$submodule" && rm -rf ".git/modules/$submodule" && git config -f ".git/config" --remove-section "submodule.$submodule" 2> /dev/null && git commit -m "Remove submodule $submodule"

Credit: https://gist.github.com/myusuf3/7f645819ded92bda6677#gistcomment-2797195

macx

Sauber strukturierter Quellcode

Es gibt gute Gründe, für sauber strukturierten Quellcode. Einheitliche Einrückungen durch Leerzeichen (Spaces) oder Tabs helfen der Übersichtlichkeit, der Fehlersuche und der schnelleren Navigation. Man kann ihn also besser lesen und schneller verstehen. Anbei ein paar gute und schlechte Beispiele.

HTML

Schlechtes Beispiel

macx

Keybase proof

I hereby claim:

• I am macx on github.
• I am macx (https://keybase.io/macx) on keybase.
• I have a public key ASCNJ8FXv09Fx6OXmNFGGsr0WnC4nuQ-Pt_Se9aM04_6vgo

To claim this, I am signing this object: