Pull to refresh

jQuery: хозяйке на заметку. Простейший dropdown.

Lumber room
Мне понадобилось сделать дроп даун меню. Причем из всей линейки только у одного пункта. Не хотелось привлекать тяжеловесные плагины для jQuery, но что поделаешь, раз надо так надо. Тяжеловесные это сколько? 5-15К. Причем 5К, если без учета еще пары сторонних необходимых плагинов. В общем не так смертельно.

Подключить плагин было просто. Настоящей проблемой оказалось натянуть необходимый дизайн. Я честно попробовал три.
Читать дальше →
Total votes 7: ↑5 and ↓2 +3
Views 765
Comments 10

Выпадающий jQuery.Treeview

jQuery *
Sandbox

Вступление


image
В ходе реализации текущего проекта мне понабилось выпадающее дерево. Так как я уже пользовался jQuery плагином TreeView, и его функционал меня устраивает, было принято решение cделать выпадающее дерево на его основе. В результате родился плагин DropDownTreeView которым я хочу поделится.

Функционал


Плагин позволяет создавать выпадающие деревья с AJAX загрузкой (пример). При создании дерева к объекту обертки добавляется кнопка открытия дерева, и подгружается дерево. Дерево можно подгружать как целиком так и частями (актуально для больших деревьев). HTTP запросы могут выполнятся POST и GET методами. Параметры HTTP запроса определяются пользователем. Дерево строится посредством jQuery.Treeview. Дерево сворачивается при выборе пункта и клике вне зоны дерева.
Читать дальше →
Total votes 74: ↑66 and ↓8 +58
Views 23K
Comments 27

Bootstrap Dropdown Menus Enhancement

Website development *CSS *
Мне очень нравятся выпадающие меню из Bootstrap. Благодаря простой и понятной семантике их легко и приятно использовать при верстке.

Но для полного счастья мне не хватало некоторой функциональности.

Итак, встречайте расширения Dropdowns
Total votes 51: ↑47 and ↓4 +43
Views 43K
Comments 14

ActionBar на Android 2.1+ с помощью Support Library. Часть 2 — Навигация

Development for Android *
Tutorial
Привет, Хабр!

В предыдущей статье я рассказал о добавлении Support Library в ваш проект и привёл простой пример SupportActionBar. Но очень часто ActionBar используется не только как замена меню, но и как способ навигации по приложению. Под катом написано, как её реализовать.
Читать дальше →
Total votes 12: ↑9 and ↓3 +6
Views 18K
Comments 0

Bootstrap Dropdown Menus Enhancement v3.1.1

Website development *CSS *
Около года назад, я создал расширения выпадающих меню для Bootstrap v2 (хабрапост). В связи с пасхальными праздниками наконец нашлось время обновить функционал до версии 3 (Bootstrap v3).
Список функций:
  • Добавлена поддержка подменю
  • radio и checkbox
  • позиционирование
  • bullet

Читать дальше →
Total votes 38: ↑37 and ↓1 +36
Views 26K
Comments 19

Паттерн порталов в Angular: для чего нужен root-компонент в Taiga UI

TINKOFF corporate blog Website development *Open source *Angular *TypeScript *

Мой коллега Роман недавно объявил о выходе нашей новой библиотеки компонентов под Angular Taiga UI. В инструкциях Getting started сказано, что приложение нужно обернуть в некий tui-root. Давайте разберемся, что он делает, узнаем, как и зачем мы используем порталы и что это вообще такое.

Разобраться
Total votes 26: ↑24 and ↓2 +22
Views 4.4K
Comments 4

Создание кастомизируемого Dropdown для React на TypeScript

ReactJS *TypeScript *
Sandbox

Создание Dropdown компонента - процесс не такой лёгкий, как может показаться на первый взгляд. Необходимо учесть множество мелких, но важных моментов, чтобы разработчику было приятно и удобно им пользоваться. В то же время есть потребность сделать его достаточно гибким и кастомизируемым, с возможностью перемещения с одного проекта на другой или даже настройки под разные нужды внутри одного проекта.

В этой статье будет рассмотрен пример создания такого компонента с использованием React, TypeScript и styled-components (замечу, что использование css-in-js - опционально. Вы можете использовать любой способ стилизации, который вам по душе).

Читать далее
Total votes 3: ↑2 and ↓1 +1
Views 7K
Comments 20