Skip to content

Instantly share code, notes, and snippets.

View lubkoKuzenko's full-sized avatar
🏠
Working from home

Lyubomyr Kuzenko lubkoKuzenko

🏠
Working from home
  • ISsoft Ukraine
  • Lviv, Ukraine
View GitHub Profile
@lubkoKuzenko
lubkoKuzenko / tsconfig.json
Created November 20, 2020 06:13 — forked from KRostyslav/tsconfig.json
tsconfig.json с комментариями.
// Файл "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".
@lubkoKuzenko
lubkoKuzenko / breakpoints
Created October 22, 2018 14:12
material breakpoints
Handset: "(max-width: 599px) and (orientation: portrait), (max-width: 959px) and (orientation: landscape)"
HandsetLandscape: "(max-width: 959px) and (orientation: landscape)"
HandsetPortrait: "(max-width: 599px) and (orientation: portrait)"
Large: "(min-width: 1280px) and (max-width: 1919px)"
Medium: "(min-width: 960px) and (max-width: 1279px)"
Small: "(min-width: 600px) and (max-width: 959px)"
Tablet: "(min-width: 600px) and (max-width: 839px) and (orientation: portrait), (min-width: 960px) and (max-width: 1279px) and (orientation: landscape)"
TabletLandscape: "(min-width: 960px) and (max-width: 1279px) and (orientation: landscape)"
TabletPortrait: "(min-width: 600px) and (max-width: 839px) and (orientation: portrait)"
Web: "(min-width: 840px) and (orientation: portrait), (min-width: 1280px) and (orientation: landscape)"
Naming conventions
BEM, SMACSS and any modifications to those you want to include
What CSS style sheet language extension you want to use
CSS Modules with React?
Sass, Less, none?
File architecture
Atomic CSS, ITCSS, your own fancy structure
CSS frameworks
Bootstrap, Framework, a simple homemade grid
Javascript frameworks and alternative ways of styling
Technologies & Requirements:
• Proven work experience as a Front-end developer;
• Familiarity with browser testing and debugging;
• Deep experience with markup languages such as HTML5 and CSS;
• Solid experience with JavaScript language;
• Understanding of MVC JavaScript frameworks (Angularjs, React JS);
• Familiarity with CSS preprocessors (SASS, LESS);
• Familiarity JS task runner (Grunt, gulp) and with UI/UX design is a plus;
• Understanding of integration with REST API;
• Experience with hybrid mobile app development (Lonic, React Native);
@lubkoKuzenko
lubkoKuzenko / pallette.scss
Last active June 29, 2018 08:15
Usage: color: pallette(white, base);
// pallette
// this code should be in variables file
$palettes: (
white: (
base: #FFFFFF,
off: #EDEEEF,
),
black: (
base: $base-black,
<html>
<head>
<title>Sample "Hello, World" Application</title>
</head>
<body bgcolor=white>
<table border="0" cellpadding="10">
<tr>
<td>
<img src="images/springsource.png">