My notes on web development and related topics.
Custom scrollbar CSS for all browsers
How to a create custom scrollbar with CSS for all modern browsers (Chrome, Edge, Safari)
Svelte Tips
Svelte tips to work with stores, window.localStorage, watchers, dialog element
Multiple git accounts
Manage multiple git (Github & Gitlab) accounts on same Linux machine via HTTPS
Install Neovim
How to install Neovim on a linux distro as an appimage with minimal configuration
Install Nerd Font
How to install Nerd Font on a linux distro
Write linux bootable USB
How to create a bootable Live-USB stick of a linux distro in the terminal
Generate images with text in nodejs
How to write a text on images in NodeJS using canvas
Git workflow for solo web dev
Git workflow for solo developers in web (front-end) projects
Intermediate classes for setting variables
Intermediate helper classes just for setting CSS custom properties.
Dropdown menu with details
How to create a dropdown menu with a HTML details tag using CSS and some JavaScript
HSL colors with vars
Defining color palette with CSS custom properties and HSL
Checkbox and radio
Making checkbox and radio buttons
CSS Buttons
Applay style for HTML buttons to differentiate between the state.
Making a blog website with SvelteKit
How to build a simple blog website with SvelteKit, statically generated (SSG) from markdown
SvelteKit change lang attribute
SvelteKit, change <html> lang attribute inside hooks on build
Accordion and Expansion Panel in pure CSS
Building Accordion and Expansion Panel in pure CSS without any JavaScript using <details>
Customizing PrismJS with CSS variables
Customizing Prism.js syntax highlighter with CSS variables for light and dark color theme
Styling HighlightJS with CSS variables
Customize Highlight.js syntax highlight with CSS variables for light / dark color theme
Fetch API wrapper
Simple Fetch API wrapper