Skip to content

Instantly share code, notes, and snippets.

View stasgavrylov's full-sized avatar

Stas Gavrylov stasgavrylov

26 followers · 7 following
View GitHub Profile
@stasgavrylov
stasgavrylov / your-dream-job.md
Last active October 18, 2021 13:05

Ищу фронтенд-инженера, которому не всё равно

Привет, меня зовут Стас, я – фронтенд-лид в компании Proxet, и я ищу к себе в команду Middle(+) фронтенд-инженера.

С 2019 года мы работаем над собственным продуктом, это ML-powered рекрутинговая система, и сегодня в моей команде появилась открытая full-time позиция.

Если вдруг мы еще не знакомы, то, наверное, самым важным фактом обо мне на данный момент будет то, что я очень люблю то, чем занимаюсь. И именно такого человека я хотел бы видеть своим тиммейтом. Я ищу того, у кого есть желание влиять на продукт и на инженерные практики в команде.

@stasgavrylov
stasgavrylov / test-task.md
Last active January 19, 2020 09:44 — forked from krambertech/test-task.md
Intern / Junior Front-End Developer Position

Test Task for Intern / Junior Front-End Developer Position

Основная задача тестового не узнать как сильно вы знаете React, а посмотреть насколько хорошо вы сможете разобраться с новыми технологиями в относительно короткий срок. В идеале, на него нужно потратить не более 3 дней.

Описание

Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.

При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.

@stasgavrylov
stasgavrylov / SvgIcon.css
Created April 22, 2018 11:14
React SVG wrapper component
svg {
fill: white;
stroke: currentColor;
}
@stasgavrylov
stasgavrylov / build-svg-sprite.js
Last active December 24, 2018 11:39
Script for SVG sprites creation
'use strict';
let OUTPUT_DIR = 'public';
let OUTPUT_FILE = 'icons.svg';
let SVGSpriter = require('svg-sprite'),
path = require('path'),
fs = require('fs'),
File = require('vinyl'),
glob = require('glob'),
@stasgavrylov
stasgavrylov / ie.css
Last active October 18, 2017 07:55
IE11 CSS
/* Neutral styling for select in IE11 */
select {
padding-left: 7px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background: linear-gradient( to top, #f5f5f6, #fff);
-moz-appearance: none;
-webkit-appearance:none;
}
option:checked:hover {
@stasgavrylov
stasgavrylov / canvas-video-demo.html
Last active October 23, 2016 23:43
Canvas workshop video demo (should be run from local server)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
video {
display: none;
}
canvas {
@stasgavrylov
stasgavrylov / assign-deepassign.js
Last active June 9, 2016 13:23
function assign(target, ...sources) {
if (target == null) throw new TypeError
let to = Object(target)
if (!sources.length) return to
sources.forEach(nextSource => {
if (nextSource == null) return
@stasgavrylov
stasgavrylov / a11y.txt
Created May 3, 2016 16:16
7 accessibility points
// from https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b#.st9txc13n
1. Accessibility is not a barrier to innovation.
2. Don’t use color as the only visual means of conveying information.
3. Ensure sufficient contrast between text and its background.
4. Provide visual focus indication for keyboard focus.
5. Be careful with forms (labels, placeholders with high contrast).
6. Avoid component identity crises.
7. Don’t make people hover to find things.
@stasgavrylov
stasgavrylov / email-regex.js
Created April 27, 2016 08:47
Simple email validator
/.+@.+\..+/i
@stasgavrylov
stasgavrylov / useragents.txt
Last active April 8, 2016 09:38
List of popular appVersion and useragent data
Edge:
appVersion:
"5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586"
userAgent:
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586"
IE11:
appVersion:
"5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko/20100101 Firefox/12.0"