Pancodix

→

Frontend — лицо любого проекта, и поэтому его удобству, юзабельности и приятному внешнему виду мы уделяем не меньше внимания, чем продуктивности кода.

Хотя команда Pancodix в соответствии с потребностями клиента использует популярные фреймворки, такие как AngularJS, ReactJS и другие, в большинстве случаев при разработке Frontend-частей проектов мы используем свои библиотеки JavaScript-компонентов, легкие и производительные.

Ниже приведены примеры внешнего вида некоторых оригинальных компонентов собственной разработки, ориентированных на визуализацию результатов асинхронных AJAX-запросов.

Компоненты для построения интерфейсов административных приложений веб-проектов

1 - кнопка основного меню (DropDownMenu); 2 - панель инструментов (ToolStrip) с кнопками в различных состояниях; 3 - группа кнопок переключения (SwitchButtons); 4 - панель вкладок (TabStrip); 5 - поле с кнопкой; 6 - ListView с поддержкой сортировки; 7 - панель статуса (StatusStrip) со многими панелями; 8 - панель навигации с прокруткой (scrollable PageNavigator); 9 - индикатор загрузки.

Интерфейс, адаптированный под планшет

1 - панель инструментов (Toolbar); 2 - выплывающая из-за пределов экрана панель (Slideout); 3 - компонент выбора дат (DatePicker); 4 - компонент списка (ListView); 5 - панель статуса (StatusStrip); 6 - компонент редактирования данных (DataGridView) с колонками изменяемой ширины и различными типами ячеек.

Компоненты построения интерфейса веб-сайта

1 - панель инструментов, визуализированная в виде панели вкладок (TabToolStrip); 2 - виджет аутентификации, связанный с системой облачной аутентификации; 3 - связанный с панелью инструментов ниспадающий диалог для отображения списочной информации (StackDropDown); 4 - Панель статуса в качестве футера сайта, с отображением сообщений и индикатором Ajax-загрузок.

наверх