Drag'n'Drop API: пример использования
Доброго времени суток, друзья!
В данном туториале мы рассмотрим встроенный механизм перетаскивания элементов на странице.
Справедливости ради следует отметить, что указанный механизм можно реализовать с помощью событий мыши, как показывает Илья Кантор в своем учебнике, однако мы будем использовать нативные средства, опираясь на спецификацию.
Поддержка технологии:
Превью:
MDN
Демо
Код
Песочница
Наша задача состоит в следующем: реализовать список задач, состоящий из трех колонок: все задачи, задачи, находящиеся в процессе выполнения, завершенные задачи. Разумеется, приложение должно предусматривать возможность добавления и удаления задач. Кроме того, должна быть предусмотрена возможность произвольного расположения задач. Это одна из наиболее интересных частей туториала — отслеживание элемента, находящегося под перетаскиваемым, и определение того, где должен располагаться перетаскиваемый элемент, над или под отслеживаемым.
Для стилизации будет использоваться Bootstrap.
Если вам это интересно, прошу следовать за мной. Читать дальше → http://amp.gs/QLoD
Доброго времени суток, друзья!
В данном туториале мы рассмотрим встроенный механизм перетаскивания элементов на странице.
Справедливости ради следует отметить, что указанный механизм можно реализовать с помощью событий мыши, как показывает Илья Кантор в своем учебнике, однако мы будем использовать нативные средства, опираясь на спецификацию.
Поддержка технологии:
Превью:
MDN
Демо
Код
Песочница
Наша задача состоит в следующем: реализовать список задач, состоящий из трех колонок: все задачи, задачи, находящиеся в процессе выполнения, завершенные задачи. Разумеется, приложение должно предусматривать возможность добавления и удаления задач. Кроме того, должна быть предусмотрена возможность произвольного расположения задач. Это одна из наиболее интересных частей туториала — отслеживание элемента, находящегося под перетаскиваемым, и определение того, где должен располагаться перетаскиваемый элемент, над или под отслеживаемым.
Для стилизации будет использоваться Bootstrap.
Если вам это интересно, прошу следовать за мной. Читать дальше → http://amp.gs/QLoD
Хабр
Drag'n'Drop API: пример использования
Доброго времени суток, друзья! В данном туториале мы рассмотрим встроенный механизм перетаскивания элементов на странице. Справедливости ради следует отметить,...
[Перевод] Разбираем кварцевый генератор и его крохотную интегральную схему http://amp.gs/QLMu
Хабр
Разбираем кварцевый генератор и его крохотную интегральную схему
Кварцевый генератор – важный электронный компонент, обеспечивающий очень точную генерацию тактовой частоты за небольшие деньги. Из-за пьезоэлектрического эффек...
И еще один сервис проверки паспортов или опять вопрос сколько гигабайт в одном мегабайте http://amp.gs/QWIh
Хабр
И еще один сервис проверки паспортов или опять вопрос сколько гигабайт в одном мегабайте
Какое-то время назад появилась возможность уделить внимание языку Go и удачно на глаза попалась публикация «Паспортный контроль, или Как сжать полтора гигабайта...
Sourcetrail: инструмент, чтобы разобраться в чужом коде и не выстрелить себе в голову http://amp.gs/QWka
Хабр
Sourcetrail: инструмент, чтобы разобраться в чужом коде и не выстрелить себе в голову
I regret to report that I've just recently looked again at my programs for prime factors and tic-tac-toe, and they are entirely free of any sort of comments...
Автоматизация тестирования мобильных приложений. Часть 2: предусловия, верификация элементов и независимость шагов http://amp.gs/QWEV
Хабр
Автоматизация тестирования мобильных приложений. Часть 2: предусловия, верификация элементов и независимость шагов
Меня зовут Дмитрий Макаренко, я Mobile QA Engineer в Badoo и Bumble: занимаюсь тестированием новой функциональности в наших приложениях вручную и покрытием её ав...
Материалы митапа для андроид-инженеров: поиск проблем сборки, защита от них и работа с Gradle http://amp.gs/QWdD
Хабр
Материалы митапа для андроид-инженеров: поиск проблем сборки, защита от них и работа с Gradle
Недавно прошёл наш Android meetup, где ребята из платформенной команды Авито делились своим опытом работы с Gradle, показывали способы защиты от частых проблем п...
Парадокс доверия облачным решениям: три сценария, в которых ключи шифрования хранятся не в облаке http://amp.gs/QWAB
Хабр
Парадокс доверия облачным решениям: три сценария, в которых ключи шифрования хранятся не в облаке
В статьях “о парадоксе доверия облачным платформам” и “безопасном управлении ключами шифрования” мы отмечали, что в некоторых ситуациях ключи шифрования не следу...
[Перевод] Как написать интерфейс пользователя (UI) PlayStation 5 на JavaScript http://amp.gs/QWFA
Хабр
Как написать интерфейс пользователя (UI) PlayStation 5 на JavaScript
Интерактивное демо PS5.js Вот демо интерфейса PS5, созданного при помощи анимаций на JavaScript и CSS, которые мы будем писать в этом туториале. Интерактивный пример можно потрогать в оригинале...
Централизованная аутентификация и управления файлами в решениях от One Identity — анонс вебинара http://amp.gs/QWoi
Хабр
Централизованная аутентификация и управления файлами в решениях от One Identity — анонс вебинара
Приглашаем Вас принять участие в вебинаре посвящённому решению One Identity для интеграции UNIX, Linux и Mac OS X в Active Directory — One Identity Safeguard A...
[Перевод] Понимаем пробы Kubernetes: типы, настройка и лучшие практики http://amp.gs/QaTY
Хабр
Понимаем пробы Kubernetes: типы, настройка и лучшие практики
Источник В этой статье — о настройке проб готовности, работоспособности и запуска для обнаружения и работы с нездоровыми модулями в переводе команды Kubernetes aaS. Зачем нужны проверки...