За сколько времени вы бы сверстали данный лэндинг + оцените верстку

[yaparoff]

http://portfolio-for-web.esy.es/

 

Вопрос к более-менее опытным верстальщикам: за сколько времени вы бы сверстали это (без Bootstrap и т.п.)?

У меня ушло 4-5 дней (наверное считается много).

 

Сколько дается времени для верстки подобного макета в вебстудии?

 

Ну и прошу оценить верстку.

Верстал по БЭМу.

Каких-либо особых эффектов (при наведении, ...) не делал.

 

Не долго грузиться? Как ускорить скорость загрузки страницы?

 min.css, загрузка шрифтов из директории самого сайта... Еще что-то?

Edited June 11, 2015 by yaparoff

[swandev]

я бы за 1 день сделал

Edited June 11, 2015 by swandev

[ShumNo]

Ускорить загрузку просто - для этого достаточно взглянуть на

 

Картинки объединяем в спрайт или в base64

Не используем сторонние шрифты, да они наверное загружаются асинхронно, но я скорее пришел к выводу что все это лишнее (скорее для отдельной темы диалог)

Можно сжать страницу + стилевой файл + когда доделаете js

Сжать картинки

 

Еще загляните к гуглу - он все покажет и расскажет в том числе и про оптимизацию и куда лучше чем кто либо из форумчан.

 

 

А так все довольно быстро и сейчас

[Andryshok]

я бы тож за день слобал, там все просто до ужаса... даже hover Не прикручен к кнопкам 

[Kirill M]

Такой - в пределах дня.

 

А можно спросить зачем лэндинг по бэму, - так было в тз (возможно в случае если это будет часть большого сайта) ?

 

Качество верстки и скорость загрузки:

Скорость неплохо проверять инструментом гугла - вот что он вам показал https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fportfolio-for-web.esy.es%2F&tab=desktop

 

От себя бы посоветовал соблюдать такие вещи:

Картинки делать спрайтом, в одном файле (для лэндингов, они часто на хтмл, где не так много запросов, актуально), изображения сжимать;

В CSS иногда удобно писать элементы с отступами чтобы было структуру(вложенность) (только не в одну строку - в несколько), и всегда соблюдать порядок с котором идут стили ( например сначала позиционирование, потом оформление, последними текст и префиксные)

[raptor-dm]

5 часов

[antonKar]

1 рабочий день со всеми скриптами, анимахами, обработками и отправками формы. И на всякий случай ещё половину рабочего дня на отладку и если чего по скриптам не успею.

 

Навёл мышку на e-mail в шапке и нехило так прибалдел (а потом проинспектировал "карту" и ещё раз прибалдел), какая ещё оптимизация сайта на таком этапе, о чём вы говорите? Сначало надо верстать научиться, а уже потом что-то и как-то оптимизировать.

 

min.css

Минификация css имеет смысл делать тогда, когда это реально нужно и когда это реально поможет, а помочь это может разве что на сайтах с большой суточной посещалкой. В остальных случаях, в частности на лендингах, минификация css для ускорения загрузки сайта не имеет смысла, потому что вы хоть заоптимизируйтесь с CSS, но придёт JPG и вся ваша оптимизация в рамках всего сайта пойдёт коту под хвост.

Edited June 17, 2015 by antonKar

[cyklop77]

да, рановато вы заморочились по оптимизации. http://joxi.ru/12MVaVXu9wZ5AJ

Edited June 17, 2015 by cyklop77

[yaparoff]

А можно спросить зачем лэндинг по бэму

 

Да это я для себя верстку по бэму отрабатываю 

1 рабочий день со всеми скриптами, анимахами, обработками и отправками формы. И на всякий случай ещё половину рабочего дня на отладку и если чего по скриптам не успею.

Если не секрет, какими инструментами пользуетесь ?

 

Сам использую LESS, Prepros, редактор Brackets - немного ускоряют верстку. Но конечно, больше всего ускоряет верстку хороший опыт)

[antonKar]

Если не секрет, какими инструментами пользуетесь ?

 

Sublime Text с плагинами разными, Emmet там, Fetch и т.д.

 

Из js использую jQuery для работы с DOM и прочими штуками, и TweenMax для анимаций. LESS и прочее не юзаю.

 

Вёрстку смотрю и отлаживаю в FF через Firebug.

Edited June 17, 2015 by antonKar

[lexxcode]

Минификация css имеет смысл делать тогда, когда это реально нужно и когда это реально поможет, а помочь это может разве что на сайтах с большой суточной посещалкой.

Я пришел к выводу, что минификация css/js/etc это вообще пустая трата времени в принципе.

gzip on в nginx решает все потребности в сжатии всего что может быть сжато 

$ sudo nano /etc/nginx/nginx.conf===========================#Some codehttp {    #Some code    gzip on;    gzip_min_length 1000;    gzip_proxied expired no-cache no-store private auth;    gzip_types text/plain text/css application/javascript application/json application/x-font-ttf application/font-woff image/svg+xml image/x-icon;}

[afdw]

Советую посмотреть это:

Edited June 17, 2015 by afdw