Frontend Головного Мозга

2021-07-20 17:23:03 Flatpickr.js - JS библиотека для выбора даты и времени.

Особенности / преимущества:
Лёгкая и мощная библиотека
Независимая библиотека
Простой UX
Выбор диапазона
Возможность выбрать несколько дат
Удобный API
8 тем оформления
Отображает даты в удобном формате

Сайт: https://flatpickr.js.org/
Гит: https://github.com/flatpickr/flatpickr

#библиотеки #полезно #js

@frontend_mind Открыть/Комментировать

2021-07-20 12:10:11 Программист из Google выкладывает тесты и задачи по JavaScript -> @js_tests

Зайди и посмотри сколько сможешь решить Открыть/Комментировать

2021-07-20 10:23:02 Карусель фотографий, реализованная с помощью SCSS и библиотеки Babel.js

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-07-19 17:23:01 Frontend дайджест за прошедшую неделю

Доступен Firefox 90. В этой версии улучшили SmartBlock, была удалена встроенная реализация протокола FTP, устранен ряд уязвимостей и исправлены баги.

Релиз Node.js 16.5.0. Главное нововведение - экспериментальная поддержка Web Streams API.

Релиз Deno 1.12. Добавлена поддержка веб-сокетов и тредов в WebAssembly, REPL теперь поддерживает TypeScript.

Анонс Ember 4.0. В новой версии будут удалены старые API, больше не поддерживается ни одна версия Internet Explorer. Релиз ожидается 20 сентября.

Релиз пятой мажорной версии NoSQL СУБД MongoDB.

Анонс Laravel 8.50. В новую версию будет добавлена отмена уведомлений, возможность иметь модели "Prunable", поддержка CommonMark.

Вышла бета Deno Deploy. Отмечается, что используется собственная инфраструктура — никаких AWS и Cloudflare, — что позволяет добиться быстрых деплоев.

#frontend_дайджест

@frontend_mind Открыть/Комментировать

2021-07-19 11:23:02 Анимированная кнопка "Оформить заказ", сделанная с помощью SCSS и JS.

#codepen #scss #js

@frontend_mind Открыть/Комментировать

2021-07-18 17:23:00 Haiku Animator - инструмент для создания анимации.

Позволяет создавать высокоточные анимации на временной шкале для приложений и веб-сайтов.

Особенности:
Временная шкала
Открытый исходный код
Работает со всеми основными браузерами и интегрируется с любым веб-кодом с поддержкой React, Vue и Angular.
Анимация с помощью кода
Кроссплатформенность
Управление версиями

Оф.Сайт: https://www.haikuanimator.com/
Гит: https://github.com/HaikuTeam/

#полезно #инструменты

@frontend_mind Открыть/Комментировать

2021-07-18 10:23:02 Примеры эффектов при наведении на фотографию, сделанные с помощью SCSS

#codepen #scss

@frontend_mind Открыть/Комментировать

2021-07-17 17:23:00 Диагональ в двумерном массиве

Функция получает двумерный массив (5x5) случайных целых чисел. На диагонали все отрицательные целые числа должны быть изменены на 0, а остальные должны быть изменены на 1 (примечание: 0 здесь считается неотрицательным).

( Вы можете изменить ввод, если хотите, но лучше не изменять ввод )

Пример:

Входной массив

[
[-1, 4, -5, -9, 3 ],
[ 6, -4, -7, 4, -5 ],
[ 3, 5, 0, -9, -1 ],
[ 1, 5, -7, -8, -9 ],
[-3, 2, 1, -5, 6 ]
]
Выходной массив

[
[ 0, 4, -5, -9, 3 ],
[ 6, 0, -7, 4, -5 ],
[ 3, 5, 1, -9, -1 ],
[ 1, 5, -7, 0, -9 ],
[-3, 2, 1, -5, 1 ]
]

#codewars #легко #js

@frontend_mind Открыть/Комментировать

2021-07-17 10:23:00 Анимированые Radio Buttons, сделанные с помощью SCSS

#codepen #scss

@frontend_mind Открыть/Комментировать