Skip to content

Instantly share code, notes, and snippets.

View Alimjanov-Ibragim's full-sized avatar
🎯
Focusing

Ibragim Alimjanov-Ibragim

🎯
Focusing
View GitHub Profile
@Alimjanov-Ibragim
Alimjanov-Ibragim / modern_js.md
Created June 4, 2019 11:36 — forked from gaearon/modern_js.md
Modern JavaScript in React Documentation

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

  • We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
  • We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav
@Alimjanov-Ibragim
Alimjanov-Ibragim / fixed_header
Created February 24, 2019 15:35 — forked from mserikov/fixed_header
Фиксированная шапка при прокрутке страницы
Taken from http://webcoder.kz/fiksirovannaya-shapka-pri-prokrutke-stranicy
HTML разметка:
<header></header>
<div class="content">
<p>
Сюда вставляете очень много контента, для того чтобы появился вертикальный скролл...
</p>
</div>
@Alimjanov-Ibragim
Alimjanov-Ibragim / customize-scrollbar.css
Created January 22, 2019 13:42 — forked from spemer/customize-scrollbar.css
Customize website's scrollbar like Mac OS. Not supports in Firefox and IE.
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
/* total width */
body::-webkit-scrollbar {
background-color:#fff;
width:16px
}
/* background of the scrollbar except button or resizer */
@Alimjanov-Ibragim
Alimjanov-Ibragim / Sandwich
Created December 5, 2018 18:31 — forked from FARCER/Sandwich
Sandwich
.sandwich
.sandwich__line.sandwich__line--top
.sandwich__line.sandwich__line--middle
.sandwich__line.sandwich__line--bottom
.sandwich {
cursor: pointer;
display: none;
height: 20px;
position: relative;