Skip to content

Instantly share code, notes, and snippets.

View YauhenKavalchuk's full-sized avatar
🎯
Focusing

Yauhen Kavalchuk YauhenKavalchuk

🎯
Focusing
1.9k followers · 0 following
View GitHub Profile
@YauhenKavalchuk
YauhenKavalchuk / Description "tsconfig.json"
Last active March 21, 2024 10:29
// Файл "tsconfig.json":
// - устанавливает корневой каталог проекта TypeScript;
// - выполняет настройку параметров компиляции;
// - устанавливает файлы проекта.
// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".
@YauhenKavalchuk
YauhenKavalchuk / Form reset
Created March 30, 2016 14:00
Full forms reset
/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
@YauhenKavalchuk
YauhenKavalchuk / Full height of row
Created December 26, 2015 19:05
<div class="wrapp">
<div class="item"></div>
</div>
SASS
.wrapp {
text-align: justify;
&:after {
content: "";
@YauhenKavalchuk
YauhenKavalchuk / Center divider
Created December 20, 2015 09:26
HTML:
<div class="divider">
<div class="divider__text">
Text
</div>
</div>
SCSS:
.divider {
@YauhenKavalchuk
YauhenKavalchuk / Footer at the bottom
Last active March 12, 2016 13:44
@YauhenKavalchuk
YauhenKavalchuk / Stylization of Placeholder
Created September 24, 2015 19:21
CSS:
::-webkit-input-placeholder {
}
::-moz-placeholder {
}
:-moz-placeholder {
}
:-ms-input-placeholder {
}
@YauhenKavalchuk
YauhenKavalchuk / Div Equal Height
Last active September 1, 2015 18:46
HTML:
<div class="square">
<span class="square_dummy"></span>
<span class="square_element">Content</span>
</div>
CSS:
.square {
display: inline-block;
position: relative;
@YauhenKavalchuk
YauhenKavalchuk / jQuery Page Preload
Last active September 1, 2015 18:47
CSS:
#loader {
background: none repeat scroll 0 0 #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
@YauhenKavalchuk
YauhenKavalchuk / Scroll to div
Last active June 2, 2017 13:43
$(".navigation li").on("click","a", function (event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$('body,html').animate({scrollTop: top}, 1500);
});
@YauhenKavalchuk
YauhenKavalchuk / Minimalistic Scroll
Last active August 27, 2015 13:03
// Cache selectors
var lastId,
topMenu = $("#top-menu"),
topMenuHeight = topMenu.outerHeight()+15,
// All list items
menuItems = topMenu.find("a"),
// Anchors corresponding to menu items
scrollItems = menuItems.map(function(){
var item = $($(this).attr("href"));
if (item.length) { return item; }