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

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

...

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

The answer of: What are you using?

Often my students and followers ask me, what tools and libraries I am using and why. Here is a small but growing list of some of them.

Shortlink: bit.ly/what-are-you-using

General Questions	My Answer
Are you using a CSS preprocessor?	Yes, I'm using Sass
Isn't a CSS postprocessor better?	Depends. I'm using Sass and PostCSS together

macx

git CheatSheet

Remove a file from last commit

# put files back to staging
$ git reset --soft HEAD^

# unstage the file

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