Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Поделиться:

Сверстатать несколько страниц по PSD макету

M
Заказчик
Отзывы фрилансеров: + 0 0 - 0
Зарегистрирован на сайте 7 лет и 7 месяцев
Бюджет: по договоренности
В проект на длительный срок ищется удаленный верстальщик доступный через скайп

По мере того как дизайнер будет делать макеты их нужно будет продуктивно верстать



У кандидата должно быть четкое понимание html5 css3

Так же верcтка должна работать во всех браузерах (>=IE8, айфоны, андройды, видоусфон, планшеты, мобильная опера, сторонние мобильные браузеры)

Так же кандидат должен уметь делать адаптивную сетку на css и это не должно вызывать у него затруднений (по типу бутстрапа)



Пример сетки не должен вызывать паники и должен быть понятен без гугла:



* { box-sizing: border-box; }



.row:after {

display: block;

content: '.';

height: 0;

visibility: hidden;

clear: both;

}



.grid-1 { width: 8.333333333333333%; }

.grid-2 { width: 16.66666666666667%; }

.grid-3 { width: 25%; }



.offset-1 { margin-left: 8.333333333333333%; }

.offset-2 { margin-left: 16.66666666666667%; }

.offset-3 { margin-left: 25%; }



[class*="grid-"] {

    float: left;

    display: inline;

}



[class*="span"]:last-child {

    float: none;

}





Знание и понимание что это и зачем нужно:



bootstrap

normalize.css

html5shiv.js

respond.js

response.js

jquery.js

selectivizr.js

prefixfree.js

Modernizr.js



В именах классов не использовать знак подчеркивания _



Не делать переопределения стилей, пример каши:



<div class="search span3 offset6"></div>

<div class="search span3 offset6 new-style"></div>

<div class="search span3 offset6 new-style new-new-style"></div>

<div class="search span3 offset6 new-style new-new-style new-new-new-style"></div>



Не использовать !important (только в крайней необходимости)

Не использовать @import



Знать и понимать @media, @font-face





Так как верстка должна работать во всех браузерах, я склоняюсь к мнению что не нужно использовать всякие новые селекторы, и тщательно сверять используемые на поддержку браузером



Стиль написания кода:



<div class="search span3 offset6"><input type="text" name="" id=""></div>



<div class="navbar-toggle-right">

<div class="style-toggle-button toggle-button">

<div class="toggle-wrapper">

<div class="button-line"></div>

<div class="button-line"></div>

<div class="button-line"></div>

</div>

</div>

</div>







Указывайте свои расценки


Разделы:
Опубликован:
25.04.2014 | 14:33 [последние изменения: 25.04.2014 | 16:17]

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика