Skip to content

Instantly share code, notes, and snippets.

🏴󠁧󠁢󠁥󠁮󠁧󠁿
const { alignment, appearance, wide, className, component, ...nativeProps } = this.props;
  1. Какого тега не существует в спецификации HTML5?
  • <details>
  • <progress>
  • <tooltip>
  • <meter>
  1. Какой HTML-элемент существует в спецификации HTML5?
  • ``
@Chaptykov
Chaptykov / processStyles.js
Created July 11, 2017 16:02
Converts object with CSS rules (CSS-in-JS) to CSS string
const KEBAB_RE = /[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g;
const kebabCase = s => s.replace(KEBAB_RE, m => '-' + m.toLowerCase());
const processValue = val => val + (typeof val === 'number' ? 'px' : '');
/**
* Converts object with CSS rules to CSS string
*
* @example
* processStyles({ borderRadius: 20, WebkitTransform: 'translateZ(0)' });
* // returns "border-radius:20px;-webkit-transform:translateZ(0);"
[
{
"type": "function",
"sourceIndex": 0,
"value": "linear-gradient",
"before": "",
"after": "",
"nodes": [
{
"type": "word",
@Chaptykov
Chaptykov / gource-mp4.sh
Created August 13, 2015 11:12
Command for creating mp4 gource with ffmpeg
gource -1280x720 --seconds-per-day 0.5 --file-idle-time 0.5 --bloom-multiplier 0.70 --font-size 12 --highlight-all-users --key --hide dirnames, -o - | ffmpeg -y -r 60 -f image2pipe -vcodec ppm -i - -vcodec libx264 -preset ultrafast -crf 1 -threads 0 -bf 0 output.mp4
@Chaptykov
Chaptykov / gist:e0e37ae325b9bb8ca0cf
Created September 10, 2014 04:11
Миксин `.bg()`
/**
* Блок переменных, генерируется с помощью `grunt-spritesmith` или `gulp.spritesmith`
* на основе полученных картинок и шаблона, передаваемого в параметр `cssTemplate`
* mustache-шаблона
*/
@fallback-pin_regular_active: 145px 126px -145px -126px 22px 30px 558px 556px 'sprite.fallback.png';
@fallback-pin_regular_czar: 233px 54px -233px -54px 32px 50px 558px 556px 'sprite.fallback.png';
@fallback-pin_regular_hover: 202px 129px -202px -129px 22px 30px 558px 556px 'sprite.fallback.png';
@fallback-pin_regular_ini: 145px 96px -145px -96px 22px 30px 558px 556px 'sprite.fallback.png';
@Chaptykov
Chaptykov / Zero width no-break space
Created June 6, 2014 05:34
Zero width no-break space.
&#65279;