Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!

Нужен frontend-разработчик и Верстальщик в одном лице

closed without completion


 Требуется сверстать интернет магазин на 5 страниц. Необходим сильный верстальщик + фронтенд разработчик (больше первое, чем второе, но знания фронтенд разработки нужны, чтобы правильно интегрировать API бэкэнда с фронтендом).


Предстоит сделать адаптивную кроссбраузерную верстку чистый HTML+CSS. Верстку будем преобразовывать в темплейты использовать для фреймворка Django. Будет здорово, если вы понимаете принцип верстки именно под  джанго-проекты.

Обязательно поблочное комментирование в html и css. Важно сделать верстку достаточно легкой, чтобы быстро загружались страницы с любого устройства. Желательно сделать независимую подгрузку изображений (хотя бы частично) для разных разрешений.



Адаптивная вёрстка должна выполняться с учётом использования Системы на устройствах с

шириной экрана:

1) от 480 до 768 пикселей (мобильные телефоны),

2) от 768 до 1280 пикселей (предыдущие поколения планшетных компьютеров),

3) 1280 и более пикселей (настольные персональные компьютеры и ноутбуки, современные

планшетные компьютеры).


Одинаковое отображение в популярных браузерах последних стабильных версий на момент выполнения вёрстки. Список браузеров:

1) Internet Explorer,

2) Google Chrome,

3) Mozilla Firefox,

4) Safari,

5) Opera.



Блоки верстаются так, чтобы была возможность их отключения и при этом не ехала вся верстка.



Требования:

- Приоритет на быструю загрузку

- заголовки делать тегами Н1

- HTML5, CSS3

- BOOTSTRAP

- Адаптивность

- Кроссбраузерность

- Валидность кода

- Поблочное комментирование кода (обязательно)

- Для скриптов использовать JQuery (не использовать чистый JS). Но, все что можно сделать без Javascript, делать без него.

- Соблюдение стандартов W3C. Как можно меньше ошибок при валидации validator.w3.org. Это не критичное требование, но элементарных ошибок верстки не должно быть (например, не закрытые теги, пропуск обязательных атрибутов и т.п.)

- Использовать CSS эффекты вместо картинок (там, где это возможно)

- Все стили, скрипты, картинки должны быть на нашем хостинге

- Все страницы должны иметь метатег rel=canonical, DOCTYPE

- Кодировка должна быть UTF-8. Старайтесь не переводить проекты на UTF, а сразу делать в нём.


Немного подробнее

  •  Не использовать в верстке теги заголовков H1-H6. Также, не использовать в верстке любые теги форматирования текста (b, strong, i и т.п.) – всё делать через css
  •  только один тег h1 на странице
  • использовать подзаголовки h2-h6, где предусмотрено логикой (описание, характеристики товаров, подзаголовки статей) использовать только в контентной части (например, в сайдбарах, подвале, шапке нельзя)
  • Скрытого контента на страницах быть не должно (Закомментированный код, примечания или элементы верстки скрытые через css)
  • Сделать уникальный favicon. Буква "L"
  • Размещение текстовых блоков как можно ближе к началу html-кода страницы.
  • У изображений должен быть прописан атрибут ALT
  • Если вы не знаете, будет на эту кнопку повешен обработчик событий с помощью JS или это будет ссылкой, лучше в любом случае использовать тег <a>
  • Футер должен быть прибит к низу браузера
  • PNG ресурсы должны пройти сжатие через ImageOptim (imageoptim.com) без потери качества или через сервис compressor.io.(маленькая иконка не должна весить 500кб, фон не должен весить 2мб и т.п.). Оптимизация изображений – вообще очень важная составляющая верстки. Понимать, когда сохранять в jpg (и до какой степени его сжимать), когда в png-8 или png-24 – значит, сохранять драгоценные килобайты странички. Веб-страничка – как девушка, большой вес должен быть чем-то оправдан, например размером сисек.



Верстка должна удовлетворять требованиям гугла к мобильным сайтам. Прохождение nen developers.google.com/spe... 


Структура файлов:

index.html

katalog.html

*.html

/resources/ – все ресурсы размещаются.

/resources/images/ – все изображения сюда, плюс внутри структура (icons, flags и т.д.)

/resources/less/

/resources/js/

/resources/fonts/

/resources/fancybox/


CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например:

 /* ___________1. Сброс CSS____________________*/

 /* ___________2. Типовые элементы____________*/

 /* _______________2.1. Залоговки______________*/

 /* _______________2.2. Ссылки________________*/

 /* _______________2.3. Элементы форм_________*/

 /*___________3. HEADER (Шапка сайта) __________*/

 /*___________4. FOOTER (Подвал )_______________*/

 /*___________5. SIDEBAR (Справа)_______________*/

И возможно CSS на мой взгляд лучше разбивать по файлам с соответствующими названиями.


Работу будем вести постранично: сделал, показал, внесли правки, получил оплату. И так далее.

Примеры страниц прилагаю.


Жду ваших предложений.


Applications 3

Only registered users can view attachments.

Make a proposal!

The client doesn't want to make prepayment? Offer him to make a payment via Safe to avoid possible fraud.

  1. 1 day10 $
    Светлана Стрельцова
     162 

    Добрый день!
    Мы являемся командой опытных разработчиков. Среди которых: Front- end, Back-end разработчики, квалифицированые верстальщики и web- дизайнеры. Свяжитесь с нами для обсуждения деталей ТЗ и сотрудничества.
    Почта: [email protected]
    Skype: sky_0010
    С уважением, Светлана!



    Landing page:
    http://grammarforlife.com/offer.html
    http://sympatic.eu/


    Корпоративные:
    http://chemsystema.com
    http://www.alansport.com
    http://www.mebelko.dp.ua
    http://olimp-ug-wp.melior-d.com


    Интернет-магазин:
    http://mebilite.com

    Аутсорс-проект:
    http://beta.domcas.com

    Ukraine Dnepr | 7 December 2015 |
  1. 15 days700 $
    Алексей Баранов
     165   2  0

    Приветствую, обращайтесь! Все обсудим! На связи всегда!

    Ukraine Vinnytsia | 7 December 2015 |
  2. 7 days200 $
    Игорь Наприенко
     148 

    Пишите скайп zmey-designer обсудим, сделаем

    Ukraine Kharkiv | 7 December 2015 |
  3. 10 days10000 ₽
    Dmitry Pan
     233   3  1

    Здравствуйте,
    Профайл: http://brainstorage.me/Panda19/profile
    Портфолио: http://brainstorage.me/Panda19/portfolio
    Весь код написан собственноручно.
    Примеры верстки отправлю по запросу в случае заинтересованности.
    Валидацию html/css кода смогу проверить через сервер W3C или через встроенный валидатор NetBeans IDE
    Skype: panda.019 [Dmitry Pan]
    Спасибо.

    Uzbekistan Ташкент | 7 December 2015 |
  4.  freelancer isn't working in the service any longer
  5. 10 days200 $
    Борис Лурга
     237 

    Здравствуйте!
    Могу помочь качественно реализовать Ваш проект от 200 уе и 10 дн.

    Мои преимущества:
    10 лет опыта быстрой и качественной работы с:
    - OOP PHP;
    - MySOL;
    - JavaScript;
    - CSS;
    - HTML5;
    - Ajax;
    - jQuery;
    - OpenCart;
    - Drupal;
    - SEO.

    С уважением, Борис.

    Ukraine Uzhgorod | 7 December 2015 |
  6. 20 days1300 $
    DF-Studio manager
     390 

    Здравствуйте!
    Мы опытная команда разработчиков из Житомира "DF-Studio". В нашем штате есть как frontend-разработчик, так и верстальщик. Оба профессионалы. Ваше ТЗ изложено точно, коректно и понятно, оно нас очень заинтересовало и поэтому мы хотим работать с Вами. Хочу также отметить, что всем требоавниям мы соответствуем, так что для нас не составит труда выполнить работу.

    Предлагаю Вам ознакомиться с некоторыми из наших работ http://www.df-studio.net/ru/portfolio.html#prettyPhoto.

    Если мы Вас заинтересовали, пожалуйста сразу же отозвитесь или пишите нам на почту [email protected] Будем рады сотрудничеству.

    С уважением,
    аккаунт-менеджер
    Марина

    Ukraine Zhitomir | 7 December 2015 |
  7. 11 days200 ₴
    Анастасия Волошина
     159 

    Здравствуйте!
    Меня зовут Анастасия, и я представляю студию из г. Одесса, Украина.
    Мы занимаемся разработкой сайтов, веб-дизайном, разработкой игр. Реализуем чужие идеи любой сложности, собственные продукты не разрабатываем. Я с огромным удовольствием хочу предложить Вам это сотрудничество. Мы имеем постоянных удаленных сотрудников разного класса и готовы следовать любым вашим требованиям.
    Цена указана за час работы. Сроки определяются при полноценной оценке проекта. Это не занимает много времени. День-два.
    Предлагаю Вам ознакомиться с нашим портфолио на сайте darinx.com, чтобы убедиться - мы сможем подойти для этого проекта. Со мной очень легко связаться, информация есть на моей страничке.
    Буду ждать вашего ответа.
    Спасибо за внимание.

    Анастасия Волошина,
    Менеджер студии "DarinX"
    г. Одесса, Украина.

    Ukraine Odessa | 7 December 2015 |
  8. 20 days13500 ₽
    Федор Демченко
     393 

    13 500 руб
    сроки 15-20 рабочих дней
    --
    вайбер: +380986230857
    скайп: art-coral

    Ukraine Kharkiv | 7 December 2015 |