Skip to content

Instantly share code, notes, and snippets.

View devzom's full-sized avatar
Coding for life and fun

Jakub Zomerfeld devzom

Coding for life and fun
View GitHub Profile
devzom / cssCheckOverflowElements.js
Last active January 11, 2023 10:19
CSS: check and list all overflow'ed HTML elements
// this snippets allow to list all of the elements which overflow page and is wider than HTML <body/>
var docWidth = document.documentElement.offsetWidth;
(el) => {
if (el.offsetWidth > docWidth) {
devzom /
Last active September 5, 2023 19:22
Git diff & log multicommand
### This snippets allow to make a log of work within given date range, used for author timework report:
#### all excludes *-lock.* files
# make git diff from files on 2 branches excluding package-lock.json, filtered by author and date range
git diff main branchB -- . ':(exclude)*-lock.*' --after="2023-05-01" --until="2023-06-01" --author="$(git config --global" --pretty=format:"%ad - %an: %s" > project_name-"$(git config --global"-diff-11_2023.txt
#make log from whole project filtered by date range and author
git log main branchB --since=4.weeks -p --stat --abbrev-commit --author="$(git config --global" ':(exclude)*-lock.*' > project_name-"$(git config --global"-diff-01_2023.txt
#make log of current branch and the changes for specific author
devzom / zsh-aliases.txt
Last active November 16, 2022 07:42
zsh: custom aliases
alias zshconfig="open ~/.zshrc"
alias zshsave="source ~/.zshrc"
alias ohmyzsh="open ~/.oh-my-zsh"
# Machine's ip address
alias ip="ipconfig getifaddr en0"
devzom /
Last active October 25, 2022 13:56
Create example file structure based on .env file
# (generate only keys, without values)
sed 's/=.*/=/' .env >
devzom / git-remove-file-from-whole-history.bash
Created July 28, 2022 10:42
git: Remove specific file from whole git history
git rm --cached --ignore-unmatch filePath --prune-empty --tag-name-filter cat -- --all
devzom / style.css
Created March 19, 2022 17:02
CSS: Remove focus outline (when not using keyboard)
// removing the focus outline when not using
//keyboard navigation (the CSS :focus-visible selector is polyfilled here).
outline: none;
devzom /
Created March 16, 2022 14:55
bash: Read .env file variable in Bash
# this will skip search for lines with variable starting with # (hashtag) ex: # VAR1 as its commented out
# Ex: we have .env file with variables:
# #VAR1=123
# VAR2=xyz
# NPM_TOKEN=12312323fdf21313
export "$(grep -vE "^(#.*|\s*)$" .env)"
# didn't respond VAR1 as it contain #, so it's commented out.
# responds with single value ex NPM_TOKEN:
devzom /
Last active March 16, 2022 14:27
docker: Check if Docker container exist and delete it
# Goal of tghis script is to prompt for Docker container name, if it's skipped it will used infile defined name of container and then will search for specific container and delete it.
# Set container default name as variable
echo -n "Enter Docker container name (if skipped default from file will be used): "
read containerName
# Check if prompted value isNotEmpty
if [ $containerName ]; then
devzom / index.html
Last active March 16, 2022 13:55
CSS: Animated smooth anchor scroll with anchor margin
<!-- step 3 -->
<!-- It's important to add tabindex="-1" to all anchor tags -->
<section id="section1" tabindex="-1">Section 1</section>
devzom / nuxt_JSON-LD_head-SEO.js
Created March 5, 2022 09:49
Nuxt: Add JSON-LD schema markup for SEO in Nuxt.js
return ({
description:'Description of the site'
title: 'Home page',
meta: [