В свое время приходилось реализовывать кучу drag and drop'ов под самым разным соусом.
Эта статья представляет собой учебник-выжимку о том, как организовать drag'n'drop в javascript, начиная от основ и заканчивая готовым фреймворком.
Кроме того, почти все javascript-библиотеки реализуют drag and drop так, как написано (в статье дано несколько разных вариантов, не факт что ваш фреймворк использует лучший). Зная, что и как, вы сможете поправить и адаптировать существующую библиотеку под себя. читать дальше »
В этой статье описана DOM/CSS-структура дерева, которую я в свое время разработал для dojo toolkit.
Основные особенности:
При создании компонент интерфейса часто нужен AJAX. Например - SELECT с подгружающимся списком, поле с автозаполнением, дерево с подгружающимися узлами и т.п.
Эта статья посвящена конкретному примеру удобной и универсальной реализации AJAX для компонента интерфейса. Она дает общие рамки, можно даже сказать "фреймворк" для создания таких виджетов. читать дальше »
Для кросс-браузерного вычисления координат элемента давно используется суммирование offsetLeft/offsetTop. Список глюков этого подхода такой же длинный, как история его существования.
Эта статья - о том, как вычислять координаты не только кросс-браузерно, но и правильно. Да, и еще - быстро. читать дальше »
Как правильно реализовать универсальные функции show и hide для DOM элемента? Есть несколько распространенных вариантов, с различными граблями, которые мы рассмотрим, и выберем оптимальный.
Самое интересное, что даже самые лучшие show/hide функции из хороших javascript-библиотек не универсальны. читать дальше »
Эта статья показывает, как написать простое и удобное дерево с AJAX-подгрузкой узлов.
Она основана на материалах грамотное javascript-дерево и интеграция AJAX в интерфейс. читать дальше »
| Текущий раздел |
| Поиск по сайту |
| Последние темы на форуме |
Forum |
Возможно кому то будет полезно - Плагин postcss-px-to-viewport позволяет настраивать масштаб интерфейса под нужные разрешения экранов.
Плагин превращает величины в пикселях в viewport-единицы (vw, vh, vmin, vmax). Легко один раз настроить поведение плагина и без использования дополнительных функций писать чистый исходный код, либо применять к уже написанному.
Это экономит время, делает код аккуратнее, а дизайн масштабируется с минимумом возможных искажений, которые могут возникнуть, если конвертировать в rem (размер шрифта установленный для корневого элемента html).