DEV.XFOR.TOP

Email: dev@xfor.top Skype: utz0r2 Github: utz0r2
CSSHTMLPHPJSVideoNoty
E-commerce Scripts: vvStore | vvShop | Avox
© 2008 – 2020

convert2svg - скрипт конвертации изображение в svg

convert2svg - скрипт конвертации изображение в svg

https://convert2svg.com/ | https://github.com/Vincenius/convert2svg

miniMAC/magic - набор CSS3 анимаций

Magic effects, bling, static effects, static effects out, perspective, rotate, slide, math, tin, bomb, boing, on the space
function myFunction() {
    const selector = document.querySelector('.yourdiv')
    selector.classList.add('magictime', 'puffIn')
}
setTimeout(myFunction, 5000);

https://github.com/miniMAC/magic

power-mode-input - js script can make your text input box more compelling

power-mode-input - js script can make your text input box more compelling

import PowerModeInput from "power-mode-input";

const input = document.getElementById("obinput");
PowerModeInput.make(input);

// close PowerModeInput
PowerModeInput.close(input);

// destroy PowerModeInput
PowerModeInput.destroy();

// another usage
PowerModeInput.make(".phone", {
  height: 5,
  tha: [0, 360],
  g: 0.5,
  num: 5,
  radius: 6,
  circle: true,
  alpha: [0.75, 0.1],
  color: "random"
});

https://github.com/lindelof/power-mode-input

dayjs - fast 2kB alternative to Moment.js with the same modern API

dayjs('2018-08-08') // parse
dayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // display
dayjs().set('month', 3).month() // get & set
dayjs().add(1, 'year') // manipulate
dayjs().isBefore(dayjs()) // query

https://github.com/iamkun/dayjs

peekobot - a simple, choice-driven chatbot framework for your website written in less than 100 lines of vanilla JavaScript (and some CSS)

peekobot - a simple, choice-driven chatbot framework for your website written in less than 100 lines of vanilla JavaScript (and some CSS)

const chat = {
    1: {
        text: 'Good morning sir',
        next: 2
    },
    2: {
        text: 'Would you like tea or coffee with your breakfast?',
        options: [
            {
                text: 'Tea',
                next: 3
            },
            {
                text: 'Coffee',
                next: 4
            }
        ]
    },
    3: {
        text: 'Splendid - a fine drink if I do say so myself.'
    },
    4: {
        text: 'As you wish, sir'
    }
}

https://github.com/Peekobot/peekobot | example page

Freezeframe.js - библиотека приостанавливает анимированные файлы .gifs и возвращает им анимирацию при наведении мыши / щелчке мыши / касании или запуске вручную

Работает это так: записывается первый кадр в canvas элемент. После старта проигрывается сама GIF
// Default options
new Freezeframe();

// String as selector
new Freezeframe('.foo');

// DOM reference as selector
new Freezeframe(document.querySelectorAll('.foo'));

// Custom options
new Freezeframe({
  selector: '.foo',
  trigger: 'click',
  overlay: true,
  responsive: false
});

// Also valid syntax
new Freezeframe('.foo', {
  trigger: 'click',
  overlay: true,
  responsive: false
});

https://github.com/ctrl-freaks/freezeframe.js/
Вверх