Выпрямление рук №2

[divine]

А также выпрямить руки оценить это:

 http://mysandbox.meximas.com/

 

Ссылка на макет: http://i57.fastpic.ru/big/2014/0402/de/1f582eaaa4d1c519ebb32a9670ef42de.jpg

 

Вот макет: 

 

P.S. Не обращайте внимания на цвет placeholder'a в форме.

P.P.S. На дрожащие телефоны тоже))

Edited April 2, 2014 by divine

[Q4Dizzy]

У тегов заголовка атрибут name ? Как и в прошлом примере - используй валидацию. Часто путаешь места, где использовать div, а где li. На этом макете большая часть идёт списками. Ну и желательно всегда иметь какие-то hover эффекты на социальных сетях, кнопках и т.д.

[divine]

У тегов заголовка атрибут name ? Как и в прошлом примере - используй валидацию. Часто путаешь места, где использовать div, а где li. На этом макете большая часть идёт списками. Ну и желательно всегда иметь какие-то hover эффекты на социальных сетях, кнопках и т.д.

Спасибо за критику, буду исправляться. Насчет атрибута name в заголовках, я сперва хотел сделать слайдер при помощи "a href=#target", а потом передумал и забыл убрать. По поводу li и div, можно ли подробнее, если не сложно.

P.S. В макете и на странице тени на iphone не соответствуют немного, как сделать чтобы тени были точно такие же как в макете и на сколько критично такое несоответствие критично.?

P.P.S. Что посоветуете почитать\посмотреть\сверстать для дальнейшего развтия.

[Q4Dizzy]

Слайдер - список. Перечисление пунктов - список. Портфолио - список. Тут число логика. а с тенями.. с ними всегда много шума. И порой не всегда возможно реализовать полное (100%) соответствие макету. Там уже смотреть по обстоятельствам.

 

А что советовать - верстай, верстай, верстай.. Проходи валидацию, в инструментах разработчика (F12 чаще всего) добавляй текст, меняй блоки по ширине и высоте, смотри, не сыпется ли вёртска. на разных браузерах проверяй, везде ли смотрится одинаково ну и т.д.

[divine]

Слайдер - список. Перечисление пунктов - список. Портфолио - список. Тут число логика. а с тенями.. с ними всегда много шума. И порой не всегда возможно реализовать полное (100%) соответствие макету. Там уже смотреть по обстоятельствам.

 

А что советовать - верстай, верстай, верстай.. Проходи валидацию, в инструментах разработчика (F12 чаще всего) добавляй текст, меняй блоки по ширине и высоте, смотри, не сыпется ли вёртска. на разных браузерах проверяй, везде ли смотрится одинаково ну и т.д.

Спасибо, теперь понятна логичность списков в тех случаях.

Edited April 2, 2014 by divine

[Struggle]

Фон должен быть резиновым

[divine]

Фон должен быть резиновым

min-width, max-width?