You-Dont-Need-Momentjs – репозиторий со списком функций для работы с датой

Список функций который может заменить библиотеку довольно тяжелую (по производительности) библиотеку moment.js

// Moment.js
moment('12-25-1995', 'MM-DD-YYYY');
// => "1995-12-24T13:00:00.000Z"

// Native
const datePattern = /^(\d{2})-(\d{2})-(\d{4})$/;
const [, month, day, year] = datePattern.exec('12-25-1995');
new Date(`${month}, ${day} ${year}`);
// => "1995-12-24T13:00:00.000Z"

// date-fns
import parse from 'date-fns/parse';
parse('12-25-1995', 'MM-dd-yyyy', new Date());
// => "1995-12-24T13:00:00.000Z"

// dayjs
dayjs('12-25-1995');
// => "1995-12-24T13:00:00.000Z"

// luxon
DateTime.fromFormat('12-25-1995', 'MM-dd-yyyy').toJSDate();
// => "1995-12-24T13:00:00.000Z"

https://github.com/you-dont-need/You-Dont-Need-Momentjs

sharect – скрипт поделиться выделенным текстом

Облегченный (минимизированный 8Kb, сжатый 2.9Kb) скрипт, позволяющий пользователям обмениваться текстовыми выделениями в социальных сетях. (Да, как на сайте Медиум)

https://estevanmaito.github.io/sharect/

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

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/

paulirish/lite-youtube-embed – скрипт более быстрого внедрения youtube

Разработчик скрипта утверждает что он в 224 раза быстрее обычной вставки embed.

<lite-youtube videoid="ogfYd705cRs" style="background-image: url('https://i.ytimg.com/vi/ogfYd705cRs/hqdefault.jpg');">
	<div class="lty-playbtn"></div>
</lite-youtube>

https://github.com/paulirish/lite-youtube-embed

xxczaki/cashify – js скрипт конвертации валюты, наследник money.js

const {Cashify} = require('cashify');

const rates = {
	GBP: 0.92,
	EUR: 1.00,
	USD: 1.12
};

const cashify = new Cashify({base: 'EUR', rates});

const result = cashify.convert(10, {from: 'EUR', to: 'GBP'});

console.log(result); //=> 9.2

https://github.com/xxczaki/cashify

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. ...
  10. 114
Scroll Up