Skip to content

Instantly share code, notes, and snippets.

View jojijacobk's full-sized avatar
🎯
Focusing

Joji Jacob jojijacobk

🎯
Focusing
View GitHub Profile
@jojijacobk
jojijacobk / speech-synthesis.js
Last active August 9, 2019 17:38
To simulate speech from browser using all the voices installed in your computer
// To simulate speech from browser using all the voices installed in your computer
Array.from(window.speechSynthesis.getVoices()).forEach(voice => {
console.log(voice);
const msg = new SpeechSynthesisUtterance();
msg.voice = voice; // Note: some voices don't support altering params
msg.voiceURI = 'native';
msg.volume = 1; // 0 to 1
msg.rate = 1; // 0.1 to 10
msg.pitch = 2; // 0 to 2
@jojijacobk
jojijacobk / media-query.css
Last active July 4, 2019 06:46 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@jojijacobk
jojijacobk / vscode-debug-sidebar-customization.md
Last active December 17, 2020 03:30
Hack VS Code sidebar widgets

Intro

Microsoft has done a great job with VSCode. One thing I dislike is that they hardcoded "font-family" and "font-size" on debug sidebar panel. I'm not sure why they didn't made them configurable while the default hardcoded style looks horrible and illegible. But, there is a way to fix this!

As VSCode app is based on Electron, you can alter the style of any interface of this IDE by editing corresponding CSS files. Here are some of my preferences:

  • Visual Studion version 1.51.1

Edit workbench.main.css, and add the following style changes to the end.