Web Dev Tips
    • RU
    • EN
    • Light
    • Dark
    • GitHub
    • About

    Topics and notes

      • html
        • picture template for responsive images
        • Embeded Youtube Lazy Loading on lick
        • Embed youtube channel latest video without API
        • Тriple redirect
        • Local w3c html/css validator
        • HTML codes for all whitespace symbols
        • Emmet each element on separate line
        • regex tricks
        • Links inside iframe to open new tabs
      • css
        • picture template for responsive images
        • What's the difference between inherit, initial, unset and revert?
        • White flashing with dark theme on page load
        • How flex-basis works
        • Local w3c html/css validator
        • How to detect light/dark theme preference
        • Responsive grid with one line'
        • Responsive fonts
        • Smooth animations
        • Template for transform: perspective
        • Selector for 1, 2, 4, 5 elements
        • Launching postcss plugins
        • Accessible ways to visually hide element
        • How to get negative value in css variable
        • Show borders of all elements for testing
        • Do not use selector .class > tag?
        • Find the element that overflows viewport
        • How to press down footer
      • responsive
        • picture template for responsive images
        • Responsive grid with one line'
        • Responsive fonts
      • youtube
        • Embeded Youtube Lazy Loading on lick
        • Embed youtube channel latest video without API
      • lazy load
        • Embeded Youtube Lazy Loading on lick
      • iframe
        • Embeded Youtube Lazy Loading on lick
        • Embed youtube channel latest video without API
      • dark theme
        • White flashing with dark theme on page load
        • How to detect light/dark theme preference
      • javascript
        • White flashing with dark theme on page load
        • Тriple redirect
        • If map() with template literal generate extra characters
        • Detect click outside of element
        • How to detect light/dark theme preference
        • JS function default arguments values
        • Find current page with JS
        • Find the element that overflows viewport
      • accessibility
        • White flashing with dark theme on page load
        • How to detect light/dark theme preference
        • Accessible ways to visually hide element
      • http
        • Тriple redirect
      • flexbox
        • How flex-basis works
        • How to press down footer
      • validation
        • Local w3c html/css validator
      • svg
        • Inline svg favicon
      • favicon
        • Inline svg favicon
      • grid
        • Responsive grid with one line'
      • fonts
        • Responsive fonts
      • animation
        • Smooth animations
      • devtools
        • Browser events monitoring
        • Find current page with JS
        • Monitoring focus event
      • events
        • Browser events monitoring
      • chrome
        • Browser events monitoring
        • Monitoring focus event
      • firefox
        • Browser events monitoring
        • Monitoring focus event
      • selectors
        • Selector for 1, 2, 4, 5 elements
        • Do not use selector .class > tag?
      • nth-child
        • Selector for 1, 2, 4, 5 elements
      • postcss
        • Launching postcss plugins
      • qa
        • Show borders of all elements for testing
        • Find the element that overflows viewport
      • design
        • Design principles
      • emmet
        • Emmet each element on separate line
      • vs code
        • Emmet each element on separate line
      • focus
        • Monitoring focus event
      • regex
        • regex tricks
      • local server
        • Open XAMPP Wordpress localhost on mobile
        • Open localhost on smartphone
      • xampp
        • Open XAMPP Wordpress localhost on mobile
      • mobile
        • Open XAMPP Wordpress localhost on mobile
        • Open localhost on smartphone
      • qa
        • Open XAMPP Wordpress localhost on mobile
        • Open localhost on smartphone
      • windows
        • Open XAMPP Wordpress localhost on mobile
        • sudo for Windows 10
        • Editor environment variables for terminal
      • wordpress
        • Open XAMPP Wordpress localhost on mobile
      • windows terminal
        • sudo for Windows 10
      • cmd
        • sudo for Windows 10
        • Editor environment variables for terminal
        • Alias for cmd/powershell CLI
        • How to suppress "Terminate batch job (Y/N)" confirmation?
      • powershell
        • sudo for Windows 10
        • Text contrast in VS Code Powershell
        • Editor environment variables for terminal
        • Alias for cmd/powershell CLI
      • terminal
        • sudo for Windows 10
        • Text contrast in VS Code Powershell
        • Editor environment variables for terminal
        • Alias for cmd/powershell CLI
        • How to suppress "Terminate batch job (Y/N)" confirmation?
      • git
        • How to delete local git branches that do not exist on remote
        • How to merge last commit with one before
        • How to clone repo in any folder
        • Move changes to new git branch
        • My VS Code hotkeys shortcuts
        • If remote pull/push not working
        • When git ignore not working
        • REmove file from a commit
        • Repo inside repo in vs code
      • jekyll
        • How to remove localhost from jekyll-feed
        • Jekyll posts without date in file name
        • Editor environment variables for terminal
        • Repo inside repo in vs code
      • accessibility
        • Screen Readers: where to download
      • vs code
        • Text contrast in VS Code Powershell
        • Highlight Matching Tag в VS Code
        • My VS Code hotkeys shortcuts
        • Repo inside repo in vs code
      • contrast
        • Text contrast in VS Code Powershell
      • shortcuts
        • My VS Code hotkeys shortcuts
      • emmet
        • My VS Code hotkeys shortcuts
      • nodejs
        • Use and switch multiple node.js/npm versions
      • npm
        • Use and switch multiple node.js/npm versions
      • nvm
        • Use and switch multiple node.js/npm versions
      • http
        • HTTP/2 and HTTP/3 difference
      • clink
        • How to suppress "Terminate batch job (Y/N)" confirmation?
      • local server
        • Local servers for testing compilation
        • OpenSSL local server with HTTPS
        • PHP GD Library extension
      • nodejs
        • Local servers for testing compilation
        • How to build static page with Node.js and Github Actions
      • php
        • Local servers for testing compilation
        • PHP GD Library extension
      • python
        • Local servers for testing compilation
      • java
        • Local servers for testing compilation
      • vs code
        • Local servers for testing compilation
      • xampp
        • Local servers for testing compilation
      • jekyll
        • How to set tags pages title for jekyll-tagging
      • ruby
        • How to set tags pages title for jekyll-tagging
      • github
        • How to build static page with Node.js and Github Actions
      • https
        • OpenSSL local server with HTTPS
      • openssl
        • OpenSSL local server with HTTPS
      • windows
        • Windows user environment variables
        • Windows Terminal in quake mode on start up
        • Disable thumbnails for alt+tab in Windows 10
        • win+r commands
      • terminal
        • Windows user environment variables
        • Windows Terminal in quake mode on start up
      • cmd
        • Windows user environment variables
      • windows terminal
        • Windows Terminal in quake mode on start up
      • quake
        • Windows Terminal in quake mode on start up
      • firefox
        • Problems with dark/light themes in Firefox
        • Firefox ignores monitor color profile
      • dark theme
        • Problems with dark/light themes in Firefox
      • regedit
        • Disable thumbnails for alt+tab in Windows 10
      • adblock
        • Block element with adblock based on text content

    All notes

    • Feb 7, 2023 - webdev

      Repo inside repo in vs code

      vs code git jekyll
    • Feb 7, 2023 - frontend

      Find current page with JS

      javascript devtools
    • Feb 3, 2023 - webdev

      Alias for cmd/powershell CLI

      terminal cmd powershell
    • Feb 2, 2023 - webdev

      Open localhost on smartphone

      local server mobile qa
    • Aug 9, 2022 - pc

      Block element with adblock based on text content

      adblock
    • Jun 23, 2022 - frontend

      HTML codes for all whitespace symbols

      html
    • Jun 22, 2022 - frontend

      Show borders of all elements for testing

      css qa
    • Jun 1, 2022 - frontend

      Design principles

      design
    • Jan 25, 2022 - webdev

      HTTP/2 and HTTP/3 difference

      http
    • Aug 16, 2021 - frontend

      Emmet each element on separate line

      emmet html vs code
    « Newer notes 1 2 3 4 5 6 7 Older notes »

    subscribe via RSS

    All tags:

    css (18) flexbox (2) terminal (7) cmd (5) clink (1) javascript (8) qa (4) html (9) selectors (2) regex (1) devtools (3) focus (1) chrome (2) firefox (4) emmet (2) vs code (6) http (2) design (1) adblock (1) local server (5) mobile (2) powershell (4) git (9) jekyll (5) windows (7) accessibility (4) postcss (1) nth-child (1) php (2) nodejs (3) npm (1) nvm (1) https (1) openssl (1) events (1) animation (1) fonts (1) responsive (3) regedit (1) grid (1) shortcuts (1) svg (1) favicon (1) dark theme (3) validation (1) contrast (1) github (1) ruby (1) iframe (2) youtube (2) lazy load (1) windows terminal (2) quake (1) python (1) java (1) xampp (2) wordpress (1)

    Web Dev Tips

    • Web Dev Tips
    • vwebdis@gmail.com
    • Vallek
    • _vallek

    Frontend, web development and pc setup knowledge base

    MIT License (c) 2023 - present Vallek, favicon from svgrepo under Apache License