Using console.log() debugging in Visual Studio Code
Jul 30, 2021 · Dev Digest 145: ⌨️ The best IDEs 🥷🏼 the fight for JS 🏽 OSS success. Advent calendars, Ode to free software, how to staet an OSS company and a a truly rocking license.
Getting all the video thumbnails from a YouTube video
Jan 11, 2023 · Dev Digest 145: ⌨️ The best IDEs 🥷🏼 the fight for JS 🏽 OSS success. Advent calendars, Ode to free software, how to staet an OSS company and a a truly rocking license.
Quick tip: how to make mailto: links open in Gmail in Microsoft Edge
Jul 20, 2020 · Dev Digest 145: ⌨️ The best IDEs 🥷🏼 the fight for JS 🏽 OSS success. Advent calendars, Ode to free software, how to staet an OSS company and a a truly rocking license.
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.
Using Live Server with Developer Tools in Visual Studio Code
Nov 22, 2022 · Dev Digest 145: ⌨️ The best IDEs 🥷🏼 the fight for JS 🏽 OSS success. Advent calendars, Ode to free software, how to staet an OSS company and a a truly rocking license.
2024 May - Christian Heilmann
Christian Heilmann is the blog of Christian Heilmann chris@christianheilmann.com (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!
Christian Heilmann
In recent times a meme has been making the rounds that allegedly shows a smart way to solve interview puzzles. In these memes developers are asked to create an ASCII pattern like the following: XXXXXXX XX XX X X X X X X X X X X X XX XX XXXXXXX The solution they come up with is a simple console.log() or print command. console.log(`XXXXXXX […]
Developer Tools secrets that shouldn’t be secrets
Nov 1, 2021 · Update: As this is blowing up on Hackernews I added information to each of the tips in which environment they are supported in parenthesis after each heading. When I state “Chromium browsers”, this refers to all browsers that use the Chromium core and also feature all the Developer Tools. This is Chrome, Microsoft Edge, Brave and many more.
Back to basics: adding a playback speed control to an audio player
Dec 28, 2020 · We get references to the audio element, the slider and the span we want to display the current value of the slide in. As the playback speed in the audio API is a number, we need to convert it to a percentage. This is what the displayvalue method does for us.
Using details/summary and colour coding on GitHub pages
Jan 24, 2024 · This allows you to use code fences and get colour coding. You can add your own CSS to colour it any way you like.. Adding collapsible elements using detail and summary. The new(ish) HTML elements detail and summary result in collapsible document sections. The great thing about these is that they don’t need any script and work independent of input.