Valticus

Visual Studio Code (or simply vscode, or even code) is an editor developed by Microsoft. The editor was released back in 2015 and by now is considered one of the best if not the best code editors for web development and software engineering out there. I admit, I used Vim for a bit, but switched back to vscode+vim plugin for better .NET development experience and modern IDE features, since I work with .Net nowadays. This powerful code editor has become essential for programming productivity and developer workflows. I am going to tell you about my favorite set of plugins in one of my next posts.

To be honest with you, as a long time Linux user and open source enthusiast, at first I was hesitant to use a free code editor developed by a company that makes proprietary software. But I gave it a try when a Linux version of it was released, and I have no regrets now. VSCode has become the go-to development environment for programmers across different platforms.

I have always tried and followed the Web Content Accessibility Guidelines (WCAG) in every project I worked on. It’s not always an easy thing to do, but Web Accessibility (WA) is very important for modern web development and responsive design, as we all have difficulties when interacting with a computer or mobile screen, in one way or the other. For example, my eyesight is dropping as I am approaching the age of forty.

Let’s dive deeper into the topic of mobile friendliness and why it matters.

The official guide on how to deploy your website to Netlify for static site hosting and continuous deployment, which can be found here, explains the required steps for modern web development workflows:

• Step 1: Add Your New Site. Creating a new site on Netlify for your web development project is simple and perfect for software engineering teams looking for scalable cloud hosting solutions.
• Step 2: Link to Your GitHub or GitLab repository (or supported version-control tool of choice) for automated deployments
• Step 3: Authorize Netlify.
• Step 4: Select Your Repo.
• Step 5: Configure Your Settings.
• Step 6: Build Your Site.
• Step 7: All Done.

And it’s really as simple as that. The very blog you are exploring at the moment is deployed on Netlify too, and the website performance score is pretty great for SEO and user experience, as you can see on Test My Site:

The answer is simple - Netlify CMS doesn’t fully support Statiq Web yet. You can read more on the subject in this thread.

Val Paliy

Check out my portfolio and IDE settings. For more links, visit my Linktree.

My settings for Visual Studio Code. Please feel free to use any and all settings you might find useful :)

{
  "cSpell.language": "en,uk",
  "editor.codeActionsOnSave": {
    "source.organizeImports": "explicit"
  },
  "editor.colorDecorators": true,
  "editor.cursorBlinking": "solid",
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontLigatures": true,
  "editor.fontSize": 17,
  "editor.fontWeight": 600,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.letterSpacing": 0.5,
  "editor.lineHeight": 25,
  "editor.linkedEditing": true,
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.semanticHighlighting.enabled": true,
  "editor.suggestSelection": "first",
  "editor.wordWrap": "on",
  "editor.wordWrapColumn": 111,
  "emmet.includeLanguages": {
    "gohtml": "html",
    "html": "html"
  },
  "emmet.triggerExpansionOnTab": true,
  "explorer.confirmDelete": false,
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  "git.allowForcePush": true,
  "git.allowNoVerifyCommit": true,
  "git.autofetch": false,
  "git.confirmForcePush": false,
  "git.confirmNoVerifyCommit": false,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "go.lintOnSave": "package",
  "go.useLanguageServer": true,
  "security.workspace.trust.enabled": true,
  "security.workspace.trust.startupPrompt": "never",
  "window.menuBarVisibility": "compact",
  "workbench.colorTheme": "Catppuccin Mocha",
  "workbench.iconTheme": "catppuccin-mocha",
  "workbench.startupEditor": "none",
  "[go]": {
    "editor.defaultFormatter": "golang.go"
  },
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.wordWrap": "on"
  }
}

Please note: a complete version of my portfolio is hosted on GitHub here. Most of the old websites presented here are hand-coded, because I am an old school developer :)

Also available are Certificate 1 and Certificate 2 from Coursera.