Skip to content

Instantly share code, notes, and snippets.

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

Jakub Zomerfeld devzom

:octocat:
Coding for life and fun
View GitHub Profile
@devzom
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;
[].forEach.call(
document.querySelectorAll('*'),
(el) => {
if (el.offsetWidth > docWidth) {
console.log(el);
}
@devzom
devzom / git-logs-commands.sh
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 user.name)" --pretty=format:"%ad - %an: %s" > project_name-"$(git config --global user.name)"-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 user.name)" ':(exclude)*-lock.*' > project_name-"$(git config --global user.name)"-diff-01_2023.txt
#make log of current branch and the changes for specific author
@devzom
devzom / zsh-aliases.txt
Last active July 26, 2024 10:16
zsh: custom aliases
# For a full list of active aliases, run `alias`.
alias dev="cd ~/dev"
alias pn="pnpm"
# get machine's ip address
alias ip="ipconfig getifaddr en0"
# edit global zsh configuration
alias zshconfig="nano ~/.zshrc"
@devzom
devzom / generateEnvExample.sh
Last active October 25, 2022 13:56
Create .env.dev example file structure based on .env file
#!/bin/bash
# (generate only keys, without values)
sed 's/=.*/=/' .env > .env.dev
@devzom
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
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).
*:focus:not([data-focusvisible-polyfill]){
outline: none;
}
@devzom
devzom / read-env.sh
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
devzom / docker-check-container.sh
Last active July 25, 2024 22:50
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
CONTAINER=testContainerName
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
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
devzom / nuxt_JSON-LD_head-SEO.js
Created March 5, 2022 09:49
Nuxt: Add JSON-LD schema markup for SEO in Nuxt.js
data(){
return ({
description:'Description of the site'
})
}
head(){
return({
title: 'Home page',
meta: [
{