Skip to content

Instantly share code, notes, and snippets.

@Ashkanph
Ashkanph / similarSelectInAllBrowsers.md
Created August 22, 2020 09:04
similar select in all browsers

.role-select, .status-select { background-color: var(--backgound); color: var(--onbackground); width: 130px; border: 1px solid var(--background); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAACAKADAAQAAAABAAACAAAAAAAL+LWFAAAaoUlEQVR4Ae3dS4tlVxUH8EpI0IkdI0lH7UTagQ4EB4IYEREFR34DIfgdxKkDZw78CIIOHPmYODHamIBEEewgSbetpOMjiKgj0bmkXcdw0qnqU1X3cc5+rP27sFNVt+49Z+/f2ueuf92udJ+cuBEgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIA

@Ashkanph
Ashkanph / SelectFirst3elementsWithCSS.html
Created August 18, 2020 12:14
Select first 3 elements with css
<!DOCTYPE html>
<html>
<head>
<style>
ul > :nth-child(-n+3) {
background:yellow;
}
</style>
</head>
<body>
@Ashkanph
Ashkanph / circle-svg-arc-maker.html
Last active July 26, 2020 13:29
Circle svg stroke arc
<!DOCTYPE html>
<!-- ref: https://jsbin.com/woquxetufe/edit?html,js,output -->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<svg>
@Ashkanph
Ashkanph / pulse-border-css.css
Created July 26, 2020 11:22
pulsing border css (beating)
.circle {
width: 35px;
height: 35px;
border-radius: 50%;
box-shadow: 0px 0px 1px 1px #0000001a;
}
.pulse {
animation: pulse-animation 2s infinite;
}
@Ashkanph
Ashkanph / copy_text_to_clipboard.html
Last active August 16, 2020 13:08
w3schools copy text to clipboard
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tooltip {
position: relative;
display: inline-block;
}
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE score-partwise PUBLIC "-//Recordare//DTD MusicXML 3.1 Partwise//EN" "http://www.musicxml.org/dtds/partwise.dtd">
<score-partwise version="3.1">
<work>
<work-title>test- koron-sori</work-title>
</work>
<identification>
<encoding>
<software>MuseScore 3.4.2</software>
<encoding-date>2020-06-26</encoding-date>
@Ashkanph
Ashkanph / all_notes.md
Last active January 20, 2023 09:10
all_notes
  • Nuxt state saves to window.__NUXT__.state
  • yarn dev --port 3002 --spa
  • In asyncData: app.i18n.t('tours.slug.error404')
  • yarn config set disable-self-update-check true
  • smbclient //smbaddress -U username -m SMB3
  • Prevent yarn from check for updates: yarn config set disable-self-update-check true
    • You can add this to the .yarnrc too: disable-self-update-check true
@Ashkanph
Ashkanph / copyright.js
Created February 18, 2020 12:15
copyright clipboard select copy
# git command autocompletion script
# https://github.com/git/git/blob/master/contrib/completion/git-completion.bash
test -f ~/.git-completion.bash && . $_
# test -f ~/.git-prompt.sh && . $_
# git commamands simplified
alias glg='git log --date-order --graph --format="%C(green)%h%Creset %C(blue bold)%ar%Creset %C(red bold)%d%Creset%s"'
alias glgd='git log --date-order --graph --date=short --format="%C(green)%h%Creset %C(blue bold)%cd%Creset %C(red bold)%d%Creset%s"'
alias glga='git log --date-order --graph --format="%C(green)%h%Creset
@Ashkanph
Ashkanph / myLinks.md
Last active January 23, 2020 16:33
My links