оценка лендинга

[Vin]

1. Сайт широченный, хотя это, скорее, к дизайнеру.

#materials, по идее должен быть с плашками и текстом, а не одной картинкой, это, кстати, решит проблему очень большого изображения: плашки на CSS, а фоновая картинка — коллаж из фотографий в .jpg. 600 метров — это очень много.

[cyklop77]

 

1. Сайт широченный, хотя это, скорее, к дизайнеру.
2. #materials, по идее должен быть с плашками и текстом, а не одной картинкой, это, кстати, решит проблему очень большого изображения: плашки на CSS, а фоновая картинка — коллаж из фотографий в .jpg. 600 метров — это очень много.

 

да, макет сам по себе широкий был, я возмущался

 

с #materials я немного схалтурил, но очень влом было позишионами распределять кучу никому не нужных картинок, с которыми ничего не происходит, и которые если и изменятся, то все сразу.

 

если бы я вместо одной картинки весом 600 kb использовал несколько, то общий вес уменьшился бы? О_о или я чего-то не понял?..

[Vin]

Да нет же. Коллаж из фотографий materials_boxes.png без плашек сохраняем в одной картинке в формате jpeg (который является более оптимальным для фотографий), по обстоятельствам подбираем соотношение качества/размера. А плашки делаем целиком на CSS.

[Z1gnet]

1. http://take.ms/pvicD коллаж я бы пересохранил вот так.

2. я так понимаю что сайт все же кто-то захочет на мобилке открыть. поэтому пропишите метатеги в html, и в css обнуление для iOs

body{	-ms-text-size-adjust: none;	-webkit-text-size-adjust:none;}input[type=text], input[type=submit], input[type=button], input[type=password], input[type=file], textarea{-webkit-appearance:none;}

3. с шариками все можно сделать гораздо проще и без скриптов: для .baloon поставить left:50%, и марджином уже вытянуть шарики на нужную позицию, левые шарики отрицательным марджином, правый - положительным.

то есть они будут плясать от центра.

4. зачем для поворота социалок юзать скрипты? достаточно :hover и transition

5. .blik накрыл .footer_right - нельзя текст выделить. нужно поднять по z-index

6. http://take.ms/D7SpG как по мне такие картинки должны быть квадратными, а круглыми их делать надо с помощью css. клиент когда будет менять картинку вряд ли будет ее в фотошопе обрабатывать.

7. в ие вот такая хрень http://take.ms/DKRBs нужно прописать на текстарею overflow:auto;

8. .now_inner .form .button надо на фон no-repeat поставить

9. на элементы которым задано display: inline-block; почти всегда надо прописывать vertical-align:top; (убирает нижний отступ который частенько появляется)

9. и хедер на фикседе тоже не скроллится по горизонтали, что не совсем хорошо. можно воспользоваться вот таким решением http://htmlforum.ru/index.php?showtopic=46607&p=311069

ну а так в целом все хорошо

p.s. я бы оценил работу часов в 6.

Edited August 3, 2014 by Z1gnet

[cyklop77]

 

большое спасибо. почти со всем согласен кроме 5 и 6:

я точно текст поверх выдвигал для .footer_left , а для до .footer_right он не достаёт. можно узнать каким браузером вы смотрели?

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

Edited August 3, 2014 by cyklop77

[Z1gnet]

 

 

большое спасибо. почти со всем согласен кроме 5 и 6:

я точно текст на передний план выдвигал. можно узнать каким браузером вы смотрели?

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

 

http://take.ms/PBj5m нету релатива, он есть на левом блоке http://take.ms/RPYF6

по пункту 6, ладно, дизайнер "молодец", н овсе же добавте бордер-радиус на будущее.