Приколы с фриланса

[swandev]

ну вот к примеру верстка моя http://alexlebedev.pw/works/advogrand/

 

в 12.15 опере все хорошо 

при этом border-box задан через селектор *

caniuse вообще не показывает поддержку ниже 17 версии у оперы..на любых свойствах

Edited December 23, 2013 by ALEEX SWN

[Radiocity]

Так задумано, что подвал не прижимается к низу?

[Zverushka]

Нашла по опере The box-sizing property is supported in all browsers; Firefox 3.6+, Safari 3, Opera 8.5+ and Internet Explorer 8 and above.

Жаль конечно, что нет нормальных данных по опере.

Получается только ие7 под вопросом - ведь в нем расползется.

[nerv]

Как раз нет

как раз да. Это уже не верстка под ключ, это сайт под ключ.

 

Лирическое отступление

До тех пор, пока я не узнал о существовании верстальщиков и верстки как таковой, выражение "наверстать упущенное" имело для меня только один смысл

[swandev]

Так задумано, что подвал не прижимается к низу?

 

Спасибо) Я даже не заметил

[advokatua]

ну вот к примеру верстка моя http://alexlebedev.pw/works/advogrand/

 

в 12.15 опере все хорошо 

при этом border-box задан через селектор *

caniuse вообще не показывает поддержку ниже 17 версии у оперы..на любых свойствах

с формой "заказать звонок" жесткий косяк однако.

В хроме или фаере нажмите, зацените. 

[Radiocity]

Двойная полоса прокрутки? 

Вот почему не стоит выкладывать свои работы на этот форум. Неуверенность в своих способностях, как великого верстальщика, нарастет снежным комом, придет апатия. Затем ванная комната, алкоголь, письмо,написанное дрожащей рукой, дробовик...

Edited December 24, 2013 by Radiocity

[swandev]

 

ну вот к примеру верстка моя http://alexlebedev.pw/works/advogrand/

 

в 12.15 опере все хорошо 

при этом border-box задан через селектор *

caniuse вообще не показывает поддержку ниже 17 версии у оперы..на любых свойствах

с формой "заказать звонок" жесткий косяк однако.

В хроме или фаере нажмите, зацените. 

 

 

Нажал, все ок

У заказчика все нормально, 100 раз перепроверено. Это я уже у себя на хосте  опыты провожу)

[Zverushka]

@,а зачем ты подключаешь бустрап? Там же все статично... 

[Radiocity]

Там custom сборка с нормализацией, типографикой сеткой и таблицами 

Edited December 24, 2013 by Radiocity

[Zverushka]

Там custom сборка с нормализацией, типографикой сеткой и таблицами 

Сетки не вижу в упор, даже .container не использован.

Нормализация - normilise.css? но ведь для этого не требуется бустрап.

А что есть типографика и таблицы?

[Zverushka]

Да, наверное в приколы теперь можно отнести новый дизайн сайта fl.ru. Как же мне нравится старый дизайн - такой свеженький, лаконичный, легкий, приятный глазу...

[swandev]

@,а зачем ты подключаешь бустрап? Там же все статично... 

Слайдер, модельные окна, поповеры..

[advokatua]

 

 

ну вот к примеру верстка моя http://alexlebedev.pw/works/advogrand/

 

в 12.15 опере все хорошо 

при этом border-box задан через селектор *

caniuse вообще не показывает поддержку ниже 17 версии у оперы..на любых свойствах

с формой "заказать звонок" жесткий косяк однако.

В хроме или фаере нажмите, зацените. 

 

 

Нажал, все ок

У заказчика все нормально, 100 раз перепроверено. Это я уже у себя на хосте  опыты провожу)

 

Хм, значит странно проверяете.

 

Win7, последние версии - Хром, Фаер и Опера:

 

 

В ИЕ-шках все ок.

[Zverushka]

Это проблема видео, надо дописать ему &wmode=opaque

Edited December 24, 2013 by Zverushka

[Zverushka]

Очень интересно ваше мнение о данном заказе и заказчике и его претензиях!

https://www.fl.ru/projects/1793187/sverstat-lending.html

 

 

 

Бюджет по договоренности

Сверстать лендинг

Был уже верстальщик, но верстка получилась мягко говоря не правильная, зато можно посмотреть что конкретно я хочу.  
И плюс к тому, что уже будет в рабочем примере я хочу:  
1. Сделать скролинг мышки плавный  
2. Верхний слайд, чтобы картинки менялись плавно как на viewflux.com/  
3. Слайдер в ноутбуке (возле космонавта) работал адекватно, и первым слайдом показыавл сайт а не заглушку ошибки.  
4. Нижний желтый стикер – шрифт сделать в разметке.  

Из верстки которую я прикрепил видно, что она не правильная и вот список ошибок:  
1) НЕ валидная верстка (валидатор выдает 6 ошибок и 2 предупреждения)  
2) НЕ кросбраузерная верстка (по разному выглядят блоки в разных браузерах, использованы css-свойства которые Internet Explorer 8 вообще не понимает и т.п.)  
3) Нарушена семантика (два тэга <h1> на странице, лишние элементы на странице и т.п.)  

Можете исправлять, можете переверстывать, мне все равно.   
От вас цены и сроки. Работа через СБР. 

Вот архив с версткой этого человека 

https://st.fl.ru/projects/upload/201312/f_93052bd6d74c39a9.7z

Я запустила в ие8 - вроде выглядит неплохо даже в 8м осле - не понимаю претензий.

[advokatua]

ТЕОРЕТИКО-ПРАВОВЫЕ ОСНОВЫ ВЗАИМОСВЯЗИ

ГОСУДАРСТВЕННОЙ ВЛАСТИ И РАЗДЕЛЕНИЯ ВЛАСТЕЙ

 

 

что за?

[Zverushka]

Ты о чем?

[cyklop77]

 

3) Нарушена семантика (два тэга <h1> на странице, лишние элементы на странице и т.п.)  

 

ох уж эти семантисты... первый h1 в блоке section значит допустим... нахватаются "знаний" , а потом предъявляют претензии....

 

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

Edited December 27, 2013 by cyklop77

[Zverushka]

Вот и я не пойму, в чем придирки? думаю дописать ему приписку, что он неакдеватный или все-таки его требования разумны? А то не дай бог на такого заказчика нарвешься...

[web-monster]

Очень интересно ваше мнение о данном заказе и заказчике и его претензиях!

https://www.fl.ru/projects/1793187/sverstat-lending.html

 

 

 

Бюджет по договоренности

Сверстать лендинг

Был уже верстальщик, но верстка получилась мягко говоря не правильная, зато можно посмотреть что конкретно я хочу.  

И плюс к тому, что уже будет в рабочем примере я хочу:  

1. Сделать скролинг мышки плавный  

2. Верхний слайд, чтобы картинки менялись плавно как на viewflux.com/  

3. Слайдер в ноутбуке (возле космонавта) работал адекватно, и первым слайдом показыавл сайт а не заглушку ошибки.  

4. Нижний желтый стикер – шрифт сделать в разметке.  

Из верстки которую я прикрепил видно, что она не правильная и вот список ошибок:  

1) НЕ валидная верстка (валидатор выдает 6 ошибок и 2 предупреждения)  

2) НЕ кросбраузерная верстка (по разному выглядят блоки в разных браузерах, использованы css-свойства которые Internet Explorer 8 вообще не понимает и т.п.)  

3) Нарушена семантика (два тэга <h1> на странице, лишние элементы на странице и т.п.)  

Можете исправлять, можете переверстывать, мне все равно.   

От вас цены и сроки. Работа через СБР. 

Вот архив с версткой этого человека 

https://st.fl.ru/projects/upload/201312/f_93052bd6d74c39a9.7z

Я запустила в ие8 - вроде выглядит неплохо даже в 8м осле - не понимаю претензий.

А какое тут может быть мнение? С такими заказчиками лучше не связываться, иначе потом вынесут мозг. Пусть дальше слушают умных СЕОшнегов, которые точно знают про нужное количество h1 на странице и читают  допотопные гайды по поддержке IE6-8

[advokatua]

 

Вот и я не пойму, в чем придирки? думаю дописать ему приписку, что он неакдеватный или все-таки его требования разумны? А то не дай бог на такого заказчика нарвешься...

Придирки? Ну, записывай. Как по мне, верстальщика срочно нужно кастрировать, отнять комп и лишить права заниматься версткой на 1-2 года (пока не исправится). 

 

Заказчик жалуется на 1 - валидатор, 2 - пара заголовков H1, и 3 - ИЕ8. Ок, отрываем валидатор и смотрим что этому мудаку не нравится:

1)  Line 59, Column 47: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.             <img src="images/shopping-cart.png" />

Вот лошара, альт не дописал к картинке, в итоге имеем 5 ошибок одного типа. Срок исправления 1.5-2 минуты. Вполне себе замечание, но не смертельно.

 

Line 216, Column 17: Duplicate ID logo.        <div id="logo">

пару раз ID-шку использовал - понять и простить. Замешкался, торопился, бывает.

2) Оба H1 находятся в разных section. Объяснить 2-мя предложениями, что это допустимо в HTML5. Если мудак не понимает, дать ему ссылку на спеку, пусть читает 

3) В IE8 не работает меню (смотрел через эмулятор на - IE11 ) - этого с головой достаточно, чтобы дальше не смотреть на скачущие блоки и пропавшие цифры внизу. Если был уговор на IE8, то звание мудака и криворукера переходит к исполнителю.  В ie11, эмуляция 8-ой версии происходит криво. При эмуляции ie8 через  ie10, меню работает, но блоки внизу страницы все же скачут и отступы кое-где не те, что надо. 

 

Далее, что сам заметил:

1) Даже не открывая код в папке images лицезреем картинки, из которых особенно порадовали "menu-bg.jpg" на 60х95 230КБ (после сжатия стало 2.3КБ!) и 

"featured-bg.jpg" 37х37 на 225КБ (стало 1.7КБ!). И в довесок пара картинок по 800-900КБ. Все картинки ужимаются 3-мя кликами мыши в минимум 3 раза. Блин, я ели сдерживаюсь  сейчас от матюков. На моих 50Мбитах/сек, когда эта верстка первый раз открывается, я даже вижу как грузится слоями картинка фона!  Исполнителя срочно стерилизовать, срочно! 

 

 

1-ая строка - изначальная верстка

2-ая - ужал 2 фоновые картинки в 3 раза и уже имеем минус секунду

3-я - ужал еще 4 картинки (без потери качества). 

 

Итого: почти 2 секунды экономии времени и 1.5 метра трафика, буквально парой кликов мыши.

Это я еще даже не говорю о том, что на 8 картинок можно было легко сделать 2 спрайта и в итоге еще более увеличить скорость загрузки.

 

Далее вот, что я вижу в FF на Win7 - 

 

И вот, что можно углядеть в разнице с IE -

 

HTML - Смотрел бегло, т.к. хватило и картинок   , но можно было заметить, что аФтар верстки не любит псевдоэлементы, а потому имеем кучку пустых блоков. Хотя возможно он просто надеялся таким образом зацепится и за ИЕ7, дабы там хоть что-то разглядеть можно было. Можно похоливарить и на тему целесообразности использования section, которое никак не добавляет семантичности, но это думаю лишнее (ИМХО). Также есть закомментированый не удаленный блок на 7 строк. Заказчику видать не понравился такой мусор, вполне оправдано.

 

CSS - гуру css-а и ненавистники сбросов его бы отимели во все дыры, попадись этот исполнитель им где-нибудь в темном переулке. Файл base.css прилеплен к проекту без какого-либо редактирования, со всякими iframe и q:before, которые нигде не юзаются.

 

Ок. Допустим мы не гуру CSS-a и не дрочим на тему глобального сброса на каждом форуме, но объединить в 1 файл два CSS-а можно ведь было. Видать религия не позволяет сокращать количество запросов к серверу. В самом CSS гипер каскады - 

.header-right-box .phone-header .phone-header-number { ... }. Здравствуй какой-нибудь LESS или SASS. Не думаю, что он это руками лепил. 

 

Итого: если это не месть исполнителя и ему заплатили не менее 2к рублей (хотя, может меня кто поправит насчет расценок), то иного выхода кроме кастрации я не вижу. ИМХО.

 

Кому интересно  http://webdevelop.zz.mu/new1/ - верстка без ужатия картинок, и с ужатием http://webdevelop.zz.mu/new/.

Особенно зацените как грузится фон в первом и втором случае.

Edited December 29, 2013 by advokatua

[Zverushka]

C первыми пунктами согласна.

С картинками - непонятно, как человек обладает такими хорошими навыками, чтобы сделать такую динамичную страницу и при этом совершенно не оптимизирует графику.

С твоим сжатием я не согласна, извини, но ужать в Jpg задний фон меню - это дилетантство - выглядит расплывчато и смазано. Нужен png - цветов очень мало, сам файлик в итоге весит 2 кб, при этом абсолютно не теряется качество.

Про файрфокс - косяк знатный, да только за это такую верстку конечно надо было послать.

В 8м осле у меня работает меню.

Объединять base и style - считаю плохим тоном. Сайт не требует оптимизации изначально - это не огромный портал с большой посещаемостью, чтобы следовало заботиться о нагрузке на сервер. зато каша в коде с примешанным base.css не ведет к прозрачности, организованности и читабельности кода. Объединение и оптимизация кода должны иметь под собой обоснованную подоплеку.

Вообще меня удивляет, с виду страница выглядит достаточно круто, думаю я так не смогу сделать, но при этом есть косяки, от которых только "эмм" сказать и хочется.

[nerv]

Кому интересно  http://webdevelop.zz.mu/new1/ - верстка без ужатия картинок, и с ужатием http://webdevelop.zz.mu/new/.

меня больше текст впечатлил:

 

ЧТО ВХОДИТ В СТОИМОСТЬ?

 

В создание Landing Page входит стоимость прототипа – 5 000 рублей, который мы предоставим вам до предоплаты. Работа дизайнера и арт-директора – 1500 рублей в час, благодаря их опыту и идеям эксклюзивный дизайн создается за 6 часов. Работа менеджера для составления триггеров Вашего Landing Page и настройка директа – 1290 рублей в час, на это уходит 5 часов. Программирование и верстка – 700 рублей час, необходимо 7 часов работы. Стоимость копирайтера для написания уникального текста – 500 рублей (1000 символов), для одного лендинга нужно написать до 6000 символов текста.

 

В итоге стоимость Landing Page составляет - 28 350 рублей.

 

 непонятно за что такой ценник:

- работа дизайнера и арт-директора – 1500 рублей в час (итого: ~240 000 мес)

- работа менеджера для составления триггеров Вашего Landing Page и настройка директа – 1290 рублей в час (~206 400)

- программирование и верстка – 700 рублей час (112 000)

- стоимость копирайтера для написания уникального текста – 500 рублей (1000 символов) (~80 000)

 

при этом они пишут точно, сколько времени потратят не видя даже примерного ТЗ

 

программист получает почти как копирайтер

насяльника дизайнер и арт-директор

менегер - директ заполнить дороже, чем програмить. Это же сложно.

 

*мес. рассчитан из р/час * 8 * 20

Edited December 28, 2013 by nerv

[advokatua]

 

С картинками - непонятно, как человек обладает такими хорошими навыками, чтобы сделать такую динамичную страницу и при этом совершенно не оптимизирует графику.

Лично у меня несколько вариантов. 

1) Ему дали уже нарезанные картинки сложенные в папку images и сказали там ничего не менять.

2) Ему сказали все сделать так быстро, чтобы супермен даже пернуть не успел, как он уже сдаст работу.

3) Это первая в его жизни платная верстка, из-за чего переволновался и накосячил.

4) Это 1000500-ая его верстка, его все зае;№"% и срать он хотел на всех и вся.

 

 

С твоим сжатием я не согласна, извини, но ужать в Jpg задний фон меню - это дилетантство 

Задний фон изначально был JPG на 225 кб, я просто за минуту везде ткнул save for web и сократил качество до 75-80%. Если бы я еще разбирался с тем где ставить png, то и не поленился бы в спрайты скрутить пару картинок. )

 

 

 выглядит расплывчато и смазано

Вот это уже не понял. А изначально выглядело тогда как? Вот тут изначальная верстка http://webdevelop.zz.mu/new1/ В упор не вижу что там расплывается. 

 

 

Объединять base и style - считаю плохим тоном.

Прикол в том, что если из base.css удалить все неиспользуемое, то там останется 20-30 строк, которые в отдельном файле хранить и есть дилетантство. У него в основном файле 173 строки, а в сбросе больше 200. О чем тут дальше говорить? ))

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

Edited December 28, 2013 by advokatua