Skip to content

Instantly share code, notes, and snippets.

View mihailsitnic's full-sized avatar

Mihail Sitnic mihailsitnic

17 followers · 14 following
  • Positron
  • United Kingdom
View GitHub Profile
@mihailsitnic
mihailsitnic / react-select.js
Created May 14, 2021 09:08
export const customStyles = {
indicatorSeparator: () => ({ display: 'none' }),
control: (base, state) => ({
...base,
background: '#fff',
paddingRight: '30px',
border: state.menuIsOpen ? '2px solid black' : '1px solid #ccc',
boxShadow: 'none',
'&:hover': {
border: state.menuIsOpen ? '2px solid black' : '1px solid #ccc',
@mihailsitnic
mihailsitnic / lovesongs.md
Last active June 14, 2021 10:18
@mihailsitnic
mihailsitnic / webp-in-css.html
Created February 25, 2021 12:48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var i=new Image;i.onload=i.onerror=function(){document.body.classList.add(i.height==1?"webp":"no-webp")};i.src="data:image/webp;base64,UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==";
@mihailsitnic
mihailsitnic / plan.md
Created February 20, 2021 22:05
@mihailsitnic
mihailsitnic / index.html
Created February 22, 2019 07:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="./js/main.js"></script>
@mihailsitnic
mihailsitnic / parallax.js
Last active February 4, 2019 07:35
'use strict'
const element = document.getElementById('element')
window.onscroll = () => {
const yPos = window.pageYOffset;
// Основные операторы (+ - / *) https://learn.javascript.ru/operators
element.style.setProperty('top', yPos / 2 + 'px');
}
@mihailsitnic
mihailsitnic / lang.md
Last active February 1, 2019 06:42

Задачка

  • Загружать сайт на языке браузера пользователя
  • Переключать языки сохраняя текущий язык в localStorage

1

Эта переменная определяет язык браузера в формате "en", "en-US", "zh-CN", "ja-JP"

@mihailsitnic
mihailsitnic / javascript.md
Last active November 6, 2019 17:55
@mihailsitnic
mihailsitnic / example.css
Created December 23, 2018 08:00
* {
margin: 0;
padding: 0;
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
@mihailsitnic
mihailsitnic / firebase.js
Created November 24, 2018 12:31
/* Initialize Firebase
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
const config = {
apiKey: "AIzaSyBM3775D6P6G97DJ19M3MxD9uCfvFf_AVs",
authDomain: "web-dev-45423.firebaseapp.com",
databaseURL: "https://web-dev-45423.firebaseio.com",
projectId: "web-dev-45423",
storageBucket: "",
messagingSenderId: "981641631998"