yeromin

bundle exec jekyll serve  (or "jekyll serve") - start the server
bundle exec jekyll serve -w (jekyll serve -w) - start the server with watching
jekyll serve --detach - new detached server

jekyll --version - список версий
gem update jekyll

--------------------

gem outdated - устаревшие 

yeromin

zsh --version
echo $SHELL
chsh -s $(which zsh)
$ sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"  установка “Oh My ZSH!”

which gulp - откуда (из какой директории) запустился gulp

yeromin

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"

yeromin

width: 100vw;
margin-left: calc(50% - 50vw);

yeromin

input
  &:active, &:focus
    transition: 0.35s ease
    color: #1d1d1d
    &::-webkit-input-placeholder
      transition: opacity 0.3s ease
      opacity: 0
    &::-moz-placeholder
 transition: opacity 0.3s ease

yeromin

Допустим, у нас эффект ховера на img. Тогда пишем для контейнера img-ов такое:

.wrap:hover img:not(:hover)
  -webkit-filter: grayscale(1)
  filter: grayscale(1)
  opacity: 0.75

и прописываем здесь все элементы, которые нам нужно изменить, когда в ховере только один.

Или еще пример:

yeromin

        overflow: hidden
        text-overflow: ellipsis
        display: -webkit-box
        -webkit-line-clamp: 2
        -webkit-box-orient: vertical

yeromin

Docker commands

docker-compose up
docker-compose up -d
docker-compose down && docker-compose up --build

---

docker system prune

yeromin

/* make img wrapp square */
.kuGridView .klevuImgWrap{
  height: auto !important;
}

.kuGridView .klevuImgWrap::before {
  content: "";
  display: block;
 padding-bottom: 100%;

yeromin

window.addEventListener('DOMContentLoaded', function() {
  console.log('window - DOMContentLoaded - capture'); // 1st
}, true);
document.addEventListener('DOMContentLoaded', function() {
  console.log('document - DOMContentLoaded - capture'); // 2nd
}, true);
document.addEventListener('DOMContentLoaded', function() {
  console.log('document - DOMContentLoaded - bubble'); // 2nd
});
window.addEventListener('DOMContentLoaded', function() {