sioniks

<img
  alt="accessible text"
  class="fill-color-red"
  height="16"
  src="some.svg"
  width="16"
  onload="fetchSvgInline(this)"
/>

sioniks

    data: {
        return {
            opacity: 50
        }
    },
    methods: {
      convertHex: function (color) {
        color = color.replace('#', '')
        let r = parseInt(color.substring(0, 2), 16)
        let g = parseInt(color.substring(2, 4), 16)

sioniks

function reportKeyEvent (zEvent) {
    var keyStr = ["Control", "Shift", "Alt", "Meta"].includes(zEvent.key) ? "" : zEvent.key + " ";
    var reportStr   =
        "The " +
        ( zEvent.ctrlKey  ? "Control " : "" ) +
        ( zEvent.shiftKey ? "Shift "   : "" ) +
        ( zEvent.altKey   ? "Alt "     : "" ) +
        ( zEvent.metaKey  ? "Meta "    : "" ) +
        keyStr + "key was pressed."
    ;

sioniks

export const hotkeys = {
  created() {
    document.addEventListener("keydown", this.doCommand);
  },
  destroyed() {
    document.removeEventListener("keydown", this.doCommand);
  },
  methods: {
    showHeplHandler() {
      this.popupHandler("hotKeyHelper");

sioniks

const hexToRgb = hex =>
  hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i
             ,(m, r, g, b) => '#' + r + r + g + g + b + b)
    .substring(1).match(/.{2}/g)
    .map(x => parseInt(x, 16))

sioniks

<svg style="display:none">
        <symbol id="icon-copy" viewBox="0 0 32 32">
            <path
                d="M20 8v-8h-14l-6 6v18h12v8h20v-24h-12zM6 2.828v3.172h-3.172l3.172-3.172zM2 22v-14h6v-6h10v6l-6 6v8h-10zM18 10.828v3.172h-3.172l3.172-3.172zM30 30h-16v-14h6v-6h10v20z">
            </path>
        </symbol>
        

        
    </svg>

sioniks

'use strict';

var gulp = require('gulp');
var gutil = require('gulp-util');
var ftp = require('vinyl-ftp');

var user = process.env.FTP_USER;
var pwd = process.env.FTP_PWD;

var localFiles = [

sioniks

Включение кеша браузера
=====
Вариант 1
===
<ifModule mod_headers.c>
	    <FilesMatch "\.(js|css|txt)$">
	        Header set Cache-Control "max-age=604800"
	    </FilesMatch>
	    <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">
	        Header set Cache-Control "max-age=2592000"

sioniks

 - progress_bar -- https://github.com/milworm/react-progress-2

sioniks

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0087ca;
}
.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);