Xenia Wanger

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

Как раз похожая ситуация, как на втором скриншоте

Раза три открывала-закрывала ссылку, думая, что предоставленная верстка не открывается и это просто страница хостинга) Очень круто!

 

в моем исполнении это бы звучало так: "Какого *** ты что-то переделываешь му****

 

я бы добавил:  давай переделывай всё взад     

 

Ахах)Подняли настроение с утра пораньше 

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

Довольно тонко подметил. На деле все как-то так и обстоит.

Всем спасибо за ваши комментарии и советы ) Буду решать как-то эту проблему

а начальник имеет какое-нибудь отношение в веб-технологиям или просто управленец?..

Ну вообще, по его рассказам, он раньше один в отделе был, все делал сам. И вот недавно ему в помощь дали людей: копирайтеров, программиста, верстальщика и дизайнера

То есть по идее он должен неплохо так во всем этом разбираться

Может у вас опыта мало и он хочет сделать как лучше?  =)  не стоит так критично относится. верстку в студию

Верстаю уже порядка 3-4 лет, но вот на работу в организацию пришла сравнительно недавно. Понятно дело, что опыта какого-то не хватает, но проще действительно подойти и обсудить, чем просто брать и переделывать.

UPD: на счет "верстки в студию" в ближайшее время кину в соответствующий раздел

 

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

 

 

А процесс сдачи верстки как происходит? Просто взяли и отдали или через какую-то систему постановки задач?

Ну а вообще ситуация не слишком здоровская. Пытать программиста, чтобы он ясно пояснил, чем его решение лучше и почему текущее его не устраивает. Если критика здравая - исправлять косяки.

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

 

Сдается все до безумия просто. Я показываю верстку начальнику, он сравнивает в браузере верстку и макет, чтобы было все похоже, и все) Если похоже - сдала, если не похоже - доделываю, чтобы было похоже. Ну и потом верстка передается программисту

Я вот этим пользуюсь - http://sweb.ru/ . Посмотрите, может и вам подойдет

весёлая у вас там организация. а вы какую роль в этом процессе производства играете?

Того самого бедного верстальщика

 

 

А спросить, что его в вёрстке не устроило?

 

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

 

Он сидит сам делает и говорит, вот так правильнее. То есть не подходит и не обсуждает это с верстальщиком.

 

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

 

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

А спросить, что его в вёрстке не устроило?

 

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

Он сидит сам делает и говорит, вот так правильнее. То есть не подходит и не обсуждает это с верстальщиком.

 

Неспроста задаю вопрос этот, потому как сама думаю зачем программисту что-то переверстывать. Но вот столкнулась с такой проблемой, что готовую верстку программист сидит и полностью переделывает. Я не спорю, что верстка может быть не идеальной, и быть может есть какие-то недочеты, НО все работает, все открывается все так, как должно быть.

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

 

Именно переверстывает. Не с нуля конечно начиная с <html></html>, но от исходной верстки практически ничего  не осталось.

девушка, вы сами отвечаете на свои вопросы)

 

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

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

Просто хочется понять, что же в работе с веб-страницами нормально, а что нет. Как себя вести в серьезной организации)

 

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

Внимание вопрос - Зачем программисту что-то переверстывать, если для этого есть верстальщик?

 

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

Я не спорю, что верстка может быть не идеальной, и быть может есть какие-то недочеты, НО все работает, все открывается все так, как должно быть.

 

вы как-то ее переделываете под себя

как-то переделываем

 

Тогда вопрос - зачем держать верстальщика? И чем проще если что-то не нравится подойти к верстальщику и объяснить что нужно переделать?

И каковы причины переверстывания? Это уже исключительный случай, когда совсем все плохо в коде или это в порядке вещей?

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

http://codepen.io/djan/pen/EBmfg

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

Тем более на вид это мало похоже на исходную ленту

 

 

 

Немного не по сути вопроса, но раз рекомендации принимаете, то я бы :focus{outline: none;} на инпуты поставила бы. Оранжевая рамка портит оформление

Не нужно этого делать. Пользователь должен видеть, какое поле активно! 

Для поля с телефоном есть <input type="tel">

 

 

Курсор пользователю в помощь. В чем проблема?

 

если уберать outline то к любом случае нужно как-то выделять поле в фокусе бордером для всех браузеров box-shadow для нормальных, получается при навигации например tab-ом не совсем понятно где ты находишься. Все-таки юзабилити не стоит нарушать  

 

Ну да, о tab-е я и не подумала. Тогда, действительно, просто сменить оформление на более приближенное к дизайну формы

Я уже давно сверстал полностью макет, незначительной частью которого является эта лента(3-5 мин у меня на неё ушло если интересно) .

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

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

 

Сейчас на css можно очень много чего сделать

Никогда не получал столь исчерпывающего ответа. 

 

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

http://livetools.uiparade.com/ribbon-builder.html

Сейчас на css можно очень много чего сделать. Только вот основная проблема это кроссбраузеровность, в конец 2013 еще пользуются 7-9 ослами.

Вот тебе ответили. Дерзай

В чём ошибка то?У тебя большой опыт работы верстальщиком? 

 

 

Да, и то, что люди делали на конкурс и то, что ты предоставил здесь в качестве ленты - земля и небо. Как у тебя вообще рука поднялась сравнить это)

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

Тема не называется как быстрее сделать, или как сделать при написании минимум кода  или зацените адекватность краёв менюшной ленты.

В названии темы предельно ясно сформулирован вопрос.

Можно. Тебе это сказали еще в самом начале. Делай. Только принесет ли тебе это пользу?

 

Немного не по сути вопроса, но раз рекомендации принимаете, то я бы :focus{outline: none;} на инпуты поставила бы. Оранжевая рамка портит оформление

Не нужно этого делать. Пользователь должен видеть, какое поле активно! 

Для поля с телефоном есть <input type="tel">

 

Курсор пользователю в помощь. В чем проблема?

Есть такой сервис: http://melaniededon.com/psd-to-css3/#sthash.VqVDsoQ4.dpbs

Очень мне помогает!

Спасибо! Помогло)

 

 

http://livetools.uiparade.com/ribbon-builder.html

Сейчас на css можно очень много чего сделать. Только вот основная проблема это кроссбраузеровность, в конец 2013 еще пользуются 7-9 ослами.

 

Все бы хорошо, но у автора поста лента нестандартная, поэтому ваша ссылка ему вряд ли чем-то поможет.

 

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

 

Посмотри на конкурсы по задачам на css http://htmlforum.ru/index.php?showtopic=46276 или http://htmlforum.ru/index.php?showtopic=46786

Я думаю если ЭТО вышло у людей - то называть эту ленту

 

непонятно "как" и "под чем" сделанную .

  не к месту.

Если посмотреть вакансии верстальщиков или HTML-coder'ов или Frontend developer'ов часто встречается пункт, что то типа: "Умение решать не стандартные задачи по css" .В не зависимости от того кривые ли это концы на ленте или что-то намного серьезней.

 

Не путай "нестандартные задачи" с "ошибкой дизайнера". Ни в одной нормальной организации такое творение не пропустят, а если даже и пропустят то уже говорилось неоднократно - делай картинками, ибо убивать на такое время - себе дороже.

Да, и то, что люди делали на конкурс и то, что ты предоставил здесь в качестве ленты - земля и небо. Как у тебя вообще рука поднялась сравнить это)

Вообще лучше учиться делать такие чудесности, как делали ребята на конкурс, чем пытаться набить руку на некачественно сделанной ленте.

http://livetools.uiparade.com/ribbon-builder.html

Сейчас на css можно очень много чего сделать. Только вот основная проблема это кроссбраузеровность, в конец 2013 еще пользуются 7-9 ослами.

Все бы хорошо, но у автора поста лента нестандартная, поэтому ваша ссылка ему вряд ли чем-то поможет.

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

Понятно - что  сверстать картинками не сложно, интересует именно как на css можно сделать?

А зачем такие сложности?

css то тоже бы выложили

css как такового нет, потому как я и прошу объяснить как данные фотошопные параметры перенести в css Только лишь через box-shadows это можно сделать или есть какие-нибудь хитрости-премудрости?

Лента и в jpg довольно-таки странно выглядит, так что если нужно сверстать именно такой вариант, думаю проще будет просто картинками вырезать