Skip to content

Instantly share code, notes, and snippets.

@fardjad
fardjad / how-to-start-colima-automatically-on-macos.md
Last active May 19, 2025 01:13
[How to start Colima automatically on macOS] Instructions for starting Colima automatically on macOS similar to Docker Desktop #macos #colima #docker

⚠️ Note: Since the merge of the commit Homebrew/homebrew-core#149670, starting Colima is as easy as running brew services start colima. You can skip the following work-around.

Steps

  1. Create an executable script to run in foreground and manage colima:
cat <<-EOF | sudo tee /usr/local/bin/colima-start-fg
#!/bin/bash
@mbartelsm
mbartelsm / readme.md
Last active April 13, 2025 11:45
VSCode context menu to open WSL

I'm tired of always struggling to open a folder in VSCode using WSL. You normally have to open the current folder in Code, wait for it to load, then reopen in the remote, which closes and reopens Code, so you have to wait for it to load everything once more. The alternative is to open a WSL shell, which takes it's good time too, navigate via the terminal to the folder you want, then open Code.

I just want to right click and be done. So I arranged a little something.

DISCLAIMER Before you proceed, back up your registry. If something breaks, that's on you for not having a backup.

This registry file will delete the current context menu entry for VSCode and replace is with a submenu that lets you choose wether to open it up normally, or via WSL. It only works when right clicking on a folder or on the background.

Something you might want to do before running it is to verify that the installation paths are the same ones you have in your set-up. If you don't have WSL in your PATH, you will either need to edi

@mjohnsullivan
mjohnsullivan / icon_gradient.dart
Created November 25, 2019 22:09
Apply a color gradient to an icon in Flutter
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
1. Install oh-my-zsh
sh -c "$(wget https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"
2. Clone necessary plugins.
git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
git clone https://github.com/zsh-users/zsh-history-substring-search ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-history-substring-search
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
3. Add plugins to ~/.zshrc as
plugins = ( [plugins...] zsh-autosuggestions zsh-history-substring-search zsh-syntax-highlighting)
@p3t3r67x0
p3t3r67x0 / pseudo_elements.md
Last active July 25, 2025 09:29
A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {