Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!
15000 ₽

Веб дизайнер/фронт-энд программист с опытом масштабируемых тем

закрыт без выполнения


Здравствуйте,

Нашей компании требуется дизайнер с навыками программирования пользовательского интерфейса в веб проектах. Навыки: HTML5/CSS3/Javascript/JQuery/Bootstrap/Wordpress

Мы бы хотели предложить почасовую оплату на продолжительной основе.

Для начала мы имеем проект: нужно создать статичную html страницу в 3 цветовых схемах с использоавнием только html/css/javascript.

  • 1)Светлосерую схему, аналог jQuery UI Smoothness theme
  • 2)Цветовую схему, аналог Remdond, Flick. Easy for eyes, но больше цветов
  • 3)Темную схему, аналог UI darkness, dark hive.

Вы можете посмотреть эти схемы здесь:

http://jqueryui.com/themeroller/

Эта страница – аналог SQL закладки phpMyAdmin, т.е. sql-консоль или текстовый редактор с таблицей данных. Больше инофрмации содержится в приложенных материалах.

Функциональность:

  • -Футер и хедер (верхний заголовок и нижний) должны быть фиксированной высоты и 100% ширины, с вертикальным выравниванием по центру.
  • -drop down on screen элемент в левом верхнем углу верхнего заголовка – просто select элемент с произвольными опицями.
  • -В правой части верхнего заголовка находится панель с иконками переключенфяи языков, нужно просто создать панель прижатую к правому краю, без иконок и функционала. У нас есть и иконки и код для их переключения.
  • -В верхнем заголовке, элемент расположенный в центре, должен быть больщего размера шрифта и жирным.
  • -Никаких нестандартных шрифтов, только те что есть везде
  • -Элемент Treeview с иконками. Должен быть Ваш код или лицензия для бесплатного применения в коммерческих приложениях..Все иконки должны быть в формате png, хорошо смотроеться в размерах 16*16px, 20*20px, 24*24px. Требуемые иконки: создать учетную запись, учетная запись, создать Базу Данных, База Данных, Создать таблицу, Таблица, Структура, Столбцы, Добавить столбец,,индексы, создать индекс. Вы можете нарисовать собственные иконки или использовать готовые сеты при условии что они могут применяться в приложениях для коммерческого использования). При нажатии на элемент TreevieItem, должны автоматически раскрываться все элементы этого уровня и хакрывать все остальные уровни. Не нужно никаких реальных данных, просто образец с случайными даными.
  • -В основной части экрана (справа от treeview) должен быть компонет Таблица (также бесплатный для коммерского использования) с возможностьюу загрузки данных из ajax вызовов (тоже случаныйе данные), сортировка столбцов по нажатию (вверх и вниз), естановка числа показывемых строк, четные – нечетные строки должны быть разных цветов, также при выделении мышью должен изменяться цвет фона выделяемой строки. Утаблицы должен быть заголовок – слева select эелемнт для сортировки, справа – поле для поиска и кнопка поискак.Под таблицей располагается блок, обведенный красной линийе в макете, SQL область (с textarea в центре и выплывающими окнами слева меню и справа окно журнала). Все это должно быть под таблицей.
  • -Нужны разделители (компоненты задающие размеры окон) между treeview и соновным экраном (вертикальные) и между таблицей и SQL областью (горизонтальный). Этот компонент тоже долен иметь бесплатную лицензию для применния в коммерческих приложениях.
  • -SQL область содержит выплывающее меню слева и выплывающую панель журнала справа от textarea. При минимизации меню должно показывать тольео иконки и элемент для максимизации,,а в максимизированном виде оно должно показывать еще и текст кроме иконок и кнопки минмизации. Панель журнала справа должны быть 25% рамзера в минимизированном состоянии и того же размера в максимизированном состоянии. Ширина меню + ширина панели журнала равняется 50% ширины SQL textarea. Иконки меню: Вставить, Удалить, Изменить, Импортировать, Экспортировать, Запустить SQL, Копировать, Вставить.

Требования

  • -IE7+ поддержка, Chrome, Firefox, Safari, Opera, Mobile browsers android/ios . IE7/8 могут отличатьс от изображение в современных браузерах, но не должно быть ошибок при выравнивании и разметке.
  • -Разметка без использования тэга table и фреймов..
  • -Масштабируемость (responsiveness): вся страница всегда использует весь размер экрана (без скролла), элементы должны масштабироваться при изменении размера окна браузера, вертикальный скроллер в treeview, оба скроллера в таблице, SQL textarea, вертикальный скроллер в выплывающем меню и панели журнала. Никаких скроллеров в остальныъх элементах.
  • -Если размер экрана больше 1500 px ширины, иконки в меню и treeview должны бьыть максималоьнрого размера (24*24px), если ширина жэкрана от 1000 и до 1500px – 20*20px, если меньще - (16*16). Размер шрифта: заглавные буквы должны быть такого же размера как иконке и кним относящиеся +/-2px. Никаких векторных иконок, они не работают в IE7.
  • -Сенсорные экраны должны прокроучивать treeview и таблицу без оишбок
  • -Хорошо читаемый код везде: html, css, js. Комментарии не нужны.
  • -JQuery/Bootstrap среды прниветствуются, но Вы можете использовать любые другие при исполнении всех требований и отсутствии конфликтов с jQuery.

Пожалуйста, напишите нам свой уровень оплаты в час и оценку сколько часов минимум и максимум нужно для этой работы, а также время когда Вы доступны в интернете. Skype сообщения – необходимое требования для работы с нами. Голос не нужен, только чат.

А теперь самое важнрое. Если Вы реально заинтересованы в этой работе, напишить нам какие компоненты Вы планируете использовать для treeview/таблицы.

Все предложения без этого условия считаются СПАМОМ..

Спасибо, ждем Ваших предложений.


Сделать ставку!

Заказчик не желает делать предоплату? Предложите оплату через Сейф, чтобы избежать возможного мошенничества.

  1.  фрилансер больше не работает на сервисе
  2.  фрилансер больше не работает на сервисе
  3. 1 деньскрыта
    Влад Дзигар
     820   29   0

    treeview сделать обычным списком.

    Украина Казатин | 6 декабря 2014 |
  4. 4 дняскрыта
    Alex Von
     29   0   1

    Ставка - 10$/час, в идеале должен уложиться в 25 часов.

    Если не критично, то можно использовать теги HTML5 для лучшего индексирования поисковиками (предварительно сгенерировав их с помощью js для поддержки в старых браузерах), но можно и по-старинке, на четвертом HTML.

    Treeview сделал бы обычным списком, а таблицу - блочной вёрсткой с "display: table"-элементами, чтобы таблицу не рвало на части при длительной загрузке ajax-запросов.

    Иконки сделал бы адаптивным методом (через media-запросы (screen)), всё остальное - "плавающая" ширина, стандартный подход при "резиновой" вёрстке.

    Россия Магадан | 7 декабря 2014 |

Заказчик
Илья Иванов
Россия Россия
Проект опубликован
6 декабря 2014
984 просмотра