Using console.log() debugging in Visual Studio Code
Jul 30, 2021 · So, let’s do this. Step 1: Create a folder and call it consoledebug. Step 2: Start Visual Studio Code, choose “open” – select that folder. Step 3: Select New File, call it index.html. Step 4: Add some HTML /JS and save it. Step 5: Select the “Run and Debug” icon and press the “Run and Debug” button.
Quick tip: how to make mailto: links open in Gmail in Microsoft Edge
Jul 20, 2020 · Step 1: Go to gmail.com in the browser. Step 2: Click the handler icon in the URL bar: Step 3: Select “allow”. That’s it. From now on each mailto: link on the web you click on will open in Gmail and not leave the browser. Of course this works for any other webmail client that exposes an handler (Yahoo, Office 365’s Outlook…).
Getting all the video thumbnails from a YouTube video
Jan 11, 2023 · Christian Heilmann is the blog of Christian Heilmann [email protected] (Please do not contact me about guest posts, I don't do those!) a Principal Program Manager living and working in Berlin, Germany.. Theme by Chris Heilmann. SVG Icons by Dan Klammer.Hosted by MediaTemple. Powered by Coffee and Spotify Radio. Get the feed, all the cool kids use RSS!
Using Live Server with Developer Tools in Visual Studio Code
Nov 22, 2022 · Right-click the file you want to open and choose “Open with live server”. Copy the location from the URL bar of the browser tab that Live server opened. Go back to VS Code and right-click the same file, this time choosing “Open with Edge” and either “Open Browser” or “Open browser with DevTools”. In the browser panel that opens ...
A launch.json setting for end-to-end web development
Jan 26, 2022 · When I start a new project these days I create the following launch.json file and put in in a .vscode folder on the the root of my project. This turns Visual Studio Code into an environment that gives me everything I need to build a web product without ever leaving it.
Back to Basics: Creating a clickable card ... - Christian Heilmann
Nov 26, 2020 · Making inline links and buttons interactive. Positioning the inline links relative and the button absolute and giving them a z-index of 2 makes sure they can be interactive above the overlay.
Christian Heilmann
Demystifying Artificial Intelligence: Understanding Machine Learning. Skip to search. Christian Heilmann is the blog of Christian Heilmann [email protected] (Please do not contact me about guest posts, I don't do those!) a Principal Program Manager living and working in Berlin, Germany. Theme by Chris Heilmann.
Quick tip: stop Powerpoint from breaking words into a new line
Oct 28, 2015 · To get rid of it, you don’t need to summon the dark lord, but all you need to do is to unset the default. You can find this in: Format Paragraph Line Breaks and Alignment uncheck: “Allow Latin text to wrap in the middle of a word”. Here’s a recording to show the difference: By unsetting the preset you can do what you want – line ...
Quick tip: embedding YouTube Videos in GitHub pages
Sep 14, 2022 · YouTube automatically creates these preview images. If, however, you want to embed the video in markdown files, you need to do a bit more. 1. Go to the root of your GitHub repo with the markdown files and create a folder called `_includes`. 2. In this folder, create a file called `youtube.html`. Paste this HTML and CSS and save it.
Automatically starting a server when starting a debug session in …
Mar 17, 2022 · The `start server` task is a `shell` task, should run in the background and the command it executes is `http-server`, which is the NPM module of the same name. The presentation property is set to silent, which means that when the server starts, it doesn’t pop up the terminal in Visual Studio Code. When we use background tasks, we need to ...