Интерфейсы

Update: Более новый материал по этой теме находится по адресу https://learn.javascript.ru/event-details.

Drag and drop
В свое время приходилось реализовывать кучу drag and drop'ов под самым разным соусом.

Эта статья представляет собой учебник-выжимку о том, как организовать drag'n'drop в javascript, начиная от основ и заканчивая готовым фреймворком.

Кроме того, почти все javascript-библиотеки реализуют drag and drop так, как написано (в статье дано несколько разных вариантов, не факт что ваш фреймворк использует лучший). Зная, что и как, вы сможете поправить и адаптировать существующую библиотеку под себя. читать дальше »
Грамотное javascript-дерево за 7 шагов
В этой статье описана DOM/CSS-структура дерева, которую я в свое время разработал для dojo toolkit.

Основные особенности:
- Семантическая удобная CSS-разметка.Внешний вид дерева определяется исключительно CSS.
- Скрытие/раскрытие узлов
- Структура дерева обозначена линиями
- Допускает многострочное HTML-содержимое в узлах
- Оптимизация по количеству HTML-тагов
- Легко дополняется новыми фишками
читать дальше »
Интеграция AJAX в интерфейс
1. Реализация AJAX для подгрузки селекта
2. Резюме
При создании компонент интерфейса часто нужен AJAX. Например - SELECT с подгружающимся списком, поле с автозаполнением, дерево с подгружающимися узлами и т.п.

Эта статья посвящена конкретному примеру удобной и универсальной реализации AJAX для компонента интерфейса. Она дает общие рамки, можно даже сказать "фреймворк" для создания таких виджетов. читать дальше »
Координаты элемента на странице
Для кросс-браузерного вычисления координат элемента давно используется суммирование offsetLeft/offsetTop. Список глюков этого подхода такой же длинный, как история его существования.

Эта статья - о том, как вычислять координаты не только кросс-браузерно, но и правильно. Да, и еще - быстро. читать дальше »
Правильные show/hide/toggle
Как правильно реализовать универсальные функции show и hide для DOM элемента? Есть несколько распространенных вариантов, с различными граблями, которые мы рассмотрим, и выберем оптимальный.

Самое интересное, что даже самые лучшие show/hide функции из хороших javascript-библиотек не универсальны. читать дальше »
Удобное дерево с AJAX-подгрузкой
Эта статья показывает, как написать простое и удобное дерево с AJAX-подгрузкой узлов.

Она основана на материалах грамотное javascript-дерево и интеграция AJAX в интерфейс. читать дальше »

Автор: Гость (не зарегистрирован), дата: 30 сентября, 2019 - 13:13

The issues you share are very good and are of great interest to many people. It gives me lots of useful information. help me expand my knowledge.
mapquest directions

Ответить

Автор: Avgraftingschool (не зарегистрирован), дата: 9 февраля, 2021 - 19:12

#permalink

Возможно кому то будет полезно - Плагин postcss-px-to-viewport позволяет настраивать масштаб интерфейса под нужные разрешения экранов.

Плагин превращает величины в пикселях в viewport-единицы (vw, vh, vmin, vmax). Легко один раз настроить поведение плагина и без использования дополнительных функций писать чистый исходный код, либо применять к уже написанному.

Это экономит время, делает код аккуратнее, а дизайн масштабируется с минимумом возможных искажений, которые могут возникнуть, если конвертировать в rem (размер шрифта установленный для корневого элемента html).

Ответить

Автор: geelong sex (не зарегистрирован), дата: 11 марта, 2021 - 21:26

#permalink

Visit our web platform and enjoy free chat with fine local ladies all night long - geelong sex

Ответить

Автор: Гость (не зарегистрирован), дата: 12 февраля, 2022 - 18:53

#permalink

https://1363.cx.ua/
https://1776.cx.ua/
https://884.cx.ua/
https://952.cx.ua/
https://1939.cx.ua/
https://401.cx.ua/
https://1754.cx.ua/
https://1085.cx.ua/
https://1256.cx.ua/
https://1789.cx.ua/
https://1794.cx.ua/
https://899.cx.ua/
https://1283.cx.ua/
https://1652.cx.ua/
https://1540.cx.ua/
https://893.cx.ua/
https://1654.cx.ua/
https://1778.cx.ua/
https://1431.cx.ua/
https://1284.cx.ua/
https://907.cx.ua/
https://1408.cx.ua/

Ответить

Автор: Гость (не зарегистрирован), дата: 12 февраля, 2022 - 18:53

#permalink

Ответить

Отправить комментарий

Приветствуются комментарии:

Полезные.
Дополняющие прочитанное.
Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
Для остальных вопросов и обсуждений есть форум.

P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.

Ваше имя:

Адрес электронной почты:

Содержание этого поля является приватным и не предназначено к показу.

Домашняя страница:

Комментарий: *

Адреса страниц и электронной почты автоматически преобразуются в ссылки.
Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
Строки и параграфы переносятся автоматически.
Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA

Антиспам

Вопрос: * 8 + 8 =

Введите результат. Например, для 1+3, введите 4.

Текущий раздел
Drag and drop Грамотное javascript-дерево за 7 шагов Интеграция AJAX в интерфейс Координаты элемента на странице Правильные show/hide/toggle Удобное дерево с AJAX-подгрузкой

Поиск по сайту

Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами