ua

My notes on web development and related topics.

  1. Custom scrollbar CSS for all browsers

    How to a create custom scrollbar with CSS for all modern browsers (Chrome, Edge, Safari)

    #css

  2. Svelte Tips

    Svelte tips to work with stores, window.localStorage, watchers, dialog element

    #svelte #js

  3. Multiple git accounts

    Manage multiple git (Github & Gitlab) accounts on same Linux machine via HTTPS

    #git #linux

  4. Install Neovim

    How to install Neovim on a linux distro as an appimage with minimal configuration

    #linux #neovim

  5. Install Nerd Font

    How to install Nerd Font on a linux distro

    #linux

  6. Write linux bootable USB

    How to create a bootable Live-USB stick of a linux distro in the terminal

    #linux

  7. Generate images with text in nodejs

    How to write a text on images in NodeJS using canvas

    #js #nodejs

  8. Git workflow for solo web dev

    Git workflow for solo developers in web (front-end) projects

    #git

  9. Intermediate classes for setting variables

    Intermediate helper classes just for setting CSS custom properties.

    #css

  10. Dropdown menu with details

    How to create a dropdown menu with a HTML details tag using CSS and some JavaScript

    #html #css #js

  11. HSL colors with vars

    Defining color palette with CSS custom properties and HSL

    #css

  12. Checkbox and radio

    Making checkbox and radio buttons

    #html #css

  13. CSS Buttons

    Applay style for HTML buttons to differentiate between the state.

    #css

  14. Making a blog website with SvelteKit

    How to build a simple blog website with SvelteKit, statically generated (SSG) from markdown

    #sveltekit #svelte #ssg #markdown

  15. SvelteKit change lang attribute

    SvelteKit, change <html> lang attribute inside hooks on build

    #sveltekit #ssg

  16. Accordion and Expansion Panel in pure CSS

    Building Accordion and Expansion Panel in pure CSS without any JavaScript using <details>

    #css

  17. Customizing PrismJS with CSS variables

    Customizing Prism.js syntax highlighter with CSS variables for light and dark color theme

    #css #prism #markdown

  18. Styling HighlightJS with CSS variables

    Customize Highlight.js syntax highlight with CSS variables for light / dark color theme

    #css #highlightjs #markdown

  19. Fetch API wrapper

    Simple Fetch API wrapper

    #js #fetch