Харьков Форум
  Харьков Форум > Hi-Tech... > Программирование и создание сайтов

Старый 15.08.2012, 10:48   #161
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
Цитата:
Сообщение от vanya_vanya
w3c validation service в помощь
??


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 21.08.2012, 07:48   #162
vanya_vanya

 
Регистрация: 2.07.2012
Сообщений: 24
 
По умолчанию
Цитата:
Сообщение от Del
??
ЧТо "?"?!

http://validator.w3.org/


    Вверх
Старый 21.08.2012, 12:58   #163
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
vanya_vanya
К чему это было написано?
Цитата:
Сообщение от vanya_vanya
w3c validation service в помощь


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 1.09.2012, 12:24   #164
Patlatui

 
Регистрация: 29.10.2008
Сообщений: 5
 
По умолчанию
Удаленный верстальщик часом никому не нужен?


    Вверх
Старый 1.09.2012, 13:14   #165
Stal™

 
 
Регистрация: 14.01.2008
Сообщений: 548
 
По умолчанию
Цитата:
Сообщение от Del
это потому что ссылки в меню имеют {display: table-cell;}, а IE7 такое не понимает. Пропишите так: {display: block; display: table-cell;} - тогда вначале применится block, а потом те браузеры что знают table-cell - применят его.
А вот выравнивание по вертикали по людски особо не сделаешь в IE7, но на такое можно забить.
Да ну? В ие7 нельзя сделать вертикальное выравнивание?)))))))) как минимум два варианта. С фиксированой высотой и с использованием ненапряжного экспрешна
ну... еще вопрос - зачем дисплей блок????


    Вверх
Старый 3.09.2012, 13:40   #166
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
Цитата:
Сообщение от Stal™
В ие7 нельзя сделать вертикальное выравнивание?)))))))) как минимум два варианта. С фиксированой высотой и с использованием ненапряжного экспрешна
Цитата:
Сообщение от Del
выравнивание по вертикали по людски особо не сделаешь в IE7
line-height, экспрешены, тройная вложенность блоков для позиционирования и прочее - это не по людски.


Цитата:
Сообщение от Stal™
ну... еще вопрос - зачем дисплей блок????
Цитата:
Сообщение от Del
тогда вначале применится block, а потом те браузеры что знают table-cell - применят его.
Без fallback будет вот так как сейчас: http://clip2net.com/s/2gsMd


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 5.09.2012, 20:01   #167
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Привет. Вот еще две странице, хотелось бы услышать вашу критику. Первый раз пробовал применять концепцию независимых блоков.
Левая колонка фиксированная, центральная и правая - тянутся.
http://aleks1n.ucoz.ua/webref/index.html
http://aleks1n.ucoz.ua/webref/maket.jpg
Фиксированный
http://aleks1n.ucoz.ua/callmedia/index.html
http://aleks1n.ucoz.ua/callmedia/maket.jpg


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 10.09.2012, 09:13   #168
Promise

 
 
Регистрация: 12.07.2010
Адрес: Харьков, Старая Салтовка
Сообщений: 768
 
По умолчанию
Добрый день! Подскажите, пожалуйста, верстала страницу на разных компьютерах. То дома, то на работе в перерыв. Установлены разные версии фотошоп. Резала макет то там, то там. Когда открыла готовую страницу на компьютере у свекрови, то на большом мониторе увидела, что те цвета, которые должны совпадать на странице, не совпадают. Наверно, по-умолчанию везде стояли разные настройки цветовой схемы, а я ничего не меняла и при выскакивании сообщений просто кликала "ок", так как не понимала разницы и толком по теме ничего полезного не нашла. Какие нужно сделать настройки, чтобы то, что задумал дизайнер, совпало с моей страницей?


__________________
Изучение психологии делает жизнь сложнее, а применение — проще.
    Вверх
Старый 10.09.2012, 10:41   #169
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
Цитата:
Сообщение от _KurT_
Вот еще две странице, хотелось бы услышать вашу критику. Первый раз пробовал применять концепцию независимых блоков.
Смотрел только подход к построению CSS. Оба ваших примера - НЕ вёрстка независимыми блоками. Вы навешиваете стили на элементы, задавая им отдельные классы, но это не независимые блоки. Ваши блоки зависят от каскада, окружения и модификаторов (multiple classes). По css нельзя воссоздать структуру страницы, понять что является блоком, а что элементом, понять что где начинается и заканчивается.

Попробуйте внести правки в ваш сайт, вам придётся менять не только стили того блока, который вы правите. А это одна из крауегольных идей БЭМ.



Цитата:
Сообщение от Promise
Добрый день! Подскажите, пожалуйста, верстала страницу на разных компьютерах. То дома, то на работе в перерыв. Установлены разные версии фотошоп. Резала макет то там, то там. Когда открыла готовую страницу на компьютере у свекрови, то на большом мониторе увидела, что те цвета, которые должны совпадать на странице, не совпадают. Наверно, по-умолчанию везде стояли разные настройки цветовой схемы, а я ничего не меняла и при выскакивании сообщений просто кликала "ок", так как не понимала разницы и толком по теме ничего полезного не нашла. Какие нужно сделать настройки, чтобы то, что задумал дизайнер, совпало с моей страницей?
Надо смотреть макет, пришлите ссылку на PSD в личку.

добавлено

_KurT_ Почитай Виталино объяснение как создавался БЭМ, тут на наглядных примерах становится понятней: http://clubs.ya.ru/bem/replies.xml?item_no=1398


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 10.09.2012, 15:39   #170
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Я пытался использовать не в полной мере такой БЭМ, как его используют и описывают в Яндексе. Для маленьких сайтов это же ведь не оправдано, правильно?
Цитата:
Сообщение от Del
Ваши блоки зависят от каскада, окружения и модификаторов (multiple classes).
Это я уже и сам понял, но, что я делаю не правильно? К примеру на странице: http://aleks1n.ucoz.ua/callmedia/index.html под главной картинкой есть три похожих блока: The benefits, Starter packs и Sing up for our service. Как я размышляю: "они все одинаковые за исключением ширины, соответственно будет класс .borr который описывает все правила за исключением ширины и будет модификатор, т.е. класс .borr_middle или .borr_big, которые определяют его ширину соответственно, а так же может переопределить некоторые другие правила(у меня .borr_big margin переопределяет)". Так вот, мне надо просто модификаторы .borr_middle или .borr_big писать так:
.borr.borr_middle
.borr.borr_big
а не так как я написал, что бы стили не зависели от каскада или я вообще совсем не правильно мыслю и делаю? Или может просто кажется не правильным из-за того что не понятно где блок, а где модификатор?


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 17.09.2012, 22:21   #171
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
_KurT_
Сегодня, начал писать вам ответ подробный, что как, со ссылками на статьи-доклады Харисова и БЭМ-клуб Я.рушки, но не успел закончить. Завтра постараюсь дописать и отпостить.


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 17.09.2012, 23:53   #172
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Цитата:
Сообщение от Del
_KurT_
Сегодня, начал писать вам ответ подробный, что как, со ссылками на статьи-доклады Харисова и БЭМ-клуб Я.рушки, но не успел закончить. Завтра постараюсь дописать и отпостить.
Жду с нетерпением


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 19.09.2012, 11:45   #173
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
_KurT_
Я жду ответа от БЭМ-Клуба Яндекса чтоб уточнить рекомендованность/разрешённость некоторых техник. Чтоб не посоветовать вам уже неправоверные по их мнению вещи.


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 29.09.2012, 21:03   #174
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Ну пока ждем ответ, у меня есть еще вопросы, касающиеся стоимости и времени на верстку макетов, а так же зарплаты верстальщиков. Собственно предварительный вопрос, ответите ли вы на них?


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 29.09.2012, 21:56   #175
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
Да отвечу.
У меня просто безумная неделя запланированных сверхурочных, начавшихся в прошлое воскресенье и пока лишь увеличивающихся.


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 30.09.2012, 14:25   #176
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Сколько получает в месяц по вашему мнению среднестатистический верстальщик в вакууме, новичок - только что прибывший на работу, с 2-х годичным опытом, ну и проработавший 5 лет.
Для начинающего верстальщика, сколько времени и денег в среднем занимает верстка одной главной страницы, к примеру простой:
http://aleks1n.ucoz.ua/callmedia/index.html , и сложной:
http://aleks1n.ucoz.ua/touragent/index.html
А так же меня интересует сколько времени и денег, опять же для начинающего верстальщика занимает верстка простого проекта, скажем главная страница:
http://aleks1n.ucoz.ua/callmedia/index.html ,
ну и + 3-5 внутренних страниц.


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 30.09.2012, 16:06   #177
Del


 
 
Регистрация: 6.12.2003
Адрес: Малиновка-Харьков
Сообщений: 1,429
 
По умолчанию
Цитата:
Сообщение от _KurT_
Я пытался использовать не в полной мере такой БЭМ, как его используют и описывают в Яндексе.
В Яндексе сейчас пишут на BEMHTML, они генеряет html/css из BEMJSON. В полной мере - это когда BEM-Tools используются. А когда мы ручками пишем код в канонах БЭМ (и то отступая от них, т.к. не используем мы отдельные css для каждого блока и т.д.) - это как-раз и есть не в полной мере.



Цитата:
Сообщение от _KurT_
Для маленьких сайтов это же ведь не оправдано, правильно?
Оправдано и рекомендовано для любых сайтов. Удобнее так писать, тут нет трудностей. Править потом легче. Развивать - легче, а вы не знаете что может вырасти из вашего маленького сайта.


Цитата:
Сообщение от _KurT_
Это я уже и сам понял, но, что я делаю не правильно?
Существует два БЭМ:
  1. верстка независимыми блоками
  2. верстка абсолютно независимыми блоками

А у вас же - пока совсем не БЭМ. Почему? Посмотрим какие требования выдвигаетзадачи решает БЭМ:

Цитата:
Сообщение от Источники:
  1. Разделение кода на части, разделение ответственности
  2. Повторное использование кода
  3. Использование кода, не зная деталей его реализации
  4. Масштабируемость, возможность поддержки, развития, роста проекта на многие годы вперёд

Решением этого стала БЭМ-методология. Краеугольным камнем её является понятие Независимого Блока.

Проблемой в CSS выступает каскад.
БЭМ - способ сделать каскадные таблицы стилей НЕкаскадными

Цитата:
Сообщение от БЭМ.Клуб на Я.рушке - Независимый блок;http://clubs.ya.ru/bem/replies.xml?item_no=4
Независимый блок (НБ или просто блок) это самодостаточный элемент страницы, который при перемещении в другое место на странице или на другую страницу не теряет своей самодостаточности.
Цитата:
Сообщение от БЭМ.Клуб на Я.рушке - История создания БЭМ (часть первая);http://clubs.ya.ru/bem/replies.xml?item_no=1398
Правила независимости блока:
1) для описания элемента используется class, но не id
2) каждый блок имеет префикс
3) в таблице стилей нет классов вне блоков
Вёрстка независимыми блоками - это изначальный, самый первый БЭМ: UAWeb2007: Виталий Харисов: "Вёрстка независимыми блоками": http://vitaly.harisov.name/article/independent-blocks.html

Дальше он развился в Абсолютно-Независимые-Блоки, изначально это было ради производительности, но потом так стали делать всё потому что удобно. Хотя ранее считали его избыточным, делили блоки на простые и составные и даже сейчас в Яндексе спорят о необходимости доводить АИБ до самых нижних нод.

В общем правоверным вариантом сейчас считается исключительно АИБ.

Но т.к. БЭМ - гибкая методология, то каждый адаптирует её по своему.
Можно совмещать АИБ и Независимые блоки с каскадом до элементов.

Что важно!
  • Каскад должен использоваться только для элементов, не для блоков! Т.е. навешивать стили каскадом можно лишь на те сущности что не планируется куда-то скопировать, переместить, использовать отдельно от родительского блока.
  • Не должно быть конфликтов стилей. Т.е. не должно быть стилей с одинаковыми названиями для разных элементов, что могут наложится. Или все имена классов - уникальные, или прячутся за каскадом. Остальное - стили вне блоков.


Где у вас ошибки?

1) Блоки не является независимыми по настоящему.
  • Он может развалится если вы попробуете перенести его без изменений в другой проект.
  • Он очень сильно зависит от изначальных установок. Не просто от окружения, а от изначальных установок.
    Смотрим что у него внутри:
    • .borr_caption - требует {margin: 0} у базовых элементов - заголовков. Нестандартное поведение, в общих стилях у заголовков могут быть/есть/должны быть отступы.
    • .benefits - требует {margin: 0;} и {list-style: none;}
    • ну вы поняли...

2) Есть стили для элементов внутри блока, имена которых могут потом вызвать конфликты. Стили не привязанные только к этому блоку, ни каскадом ни именованием. Вы создали много отдельных классов для отдельных элементов и написали им стили. Стили для элементов, того что находится внутри блоков. Эти стили могут с чем-то конфликтовать, могут быть перезаписаны... самое важное! - могут использоваться где угодно! Их страшно трогать! Это таки "стили вне блоков".


Цитата:
Сообщение от _KurT_
Как я размышляю: "они все одинаковые за исключением ширины, соответственно будет класс .borr который описывает все правила за исключением ширины и будет модификатор, т.е. класс .borr_middle или .borr_big, которые определяют его ширину соответственно, а так же может переопределить некоторые другие правила(у меня .borr_big margin переопределяет)". Так вот, мне надо просто модификаторы .borr_middle или .borr_big писать так:
.borr.borr_middle
.borr.borr_big
а не так как я написал, что бы стили не зависели от каскада или я вообще совсем не правильно мыслю и делаю? Или может просто кажется не правильным из-за того что не понятно где блок, а где модификатор?
Смотрите:

Надеюсь стало понятней.
Чтоб вникнуть в идею, очень рекомендую ознакомится с:

1) Доклад Харисова c Я.Субботника в Минске 2012 "История создания БЭМ. Кратко, сбивчиво и неполно"Многое станет понятно. Именно видео посмотрите.

2) Сравнение на конкретном примере, классического подхода к вёрстке и БЭМ:http://cloud.github.com/downloads/bem/yasubbotnik-ekb/slides.pdf (смотрите начиная с 18 слайда).

добавлено

Цитата:
Сообщение от _KurT_
Сколько получает в месяц по вашему мнению среднестатистический верстальщик в вакууме
От 600 грн (такая ЗП была у коллеги в её родном маленьком городке, пока она не приехала в Харьков).
До 6000$ ( http://rabota.ua/company1372297/vacancy4998897 )


Цитата:
Сообщение от _KurT_
новичок - только что прибывший на работу
Junior в небольшой компании в Харькове: 300-400$.
В Минске - аналогично.
В Киеве, Москве - затрудняюсь сказать, но больше.


Цитата:
Сообщение от _KurT_
с 2-х годичным опытом
Скорее "уровня middle", да? Потому что можно иметь и 10 лет опыта, но работать хреново. Мы говорим о человеке способном работать самостоятельно, качественно и знающем хотя-бы jQuery.

В небольших компаниях в Харькове - от 750-850$
В Минске - аналогично.
В крупных компаниях: от 1000-1300$ + куча плюшек типа длинного отпуска, мед. страховки, оплаты спорта и еды и т.п.
В Киеве - больше.


Цитата:
Сообщение от _KurT_
ну и проработавший 5 лет.
Можно 5-лет проработать и не знать что такое контекст форматирования блока. Поэтому условимся что говорим о senior'ах.

Всё что выше.
Смотря в каком городе и в какой компании.
Я не разговаривал на эту тему с коллегами-сеньёрами но исходя из http://jobs.dou.ua/salaries/ , вакансий в инете и предложений HR, это ЗП в районе 1800-2000$.


Цитата:
Сообщение от _KurT_
Для начинающего верстальщика, сколько времени и денег в среднем занимает верстка одной главной страницы, к примеру простой:
http://aleks1n.ucoz.ua/callmedia/index.html
День.
$10 час * 8 часов = 80$


Цитата:
Сообщение от _KurT_
Два дня.
Это не сложная страница, а обычная.
$10 * 16 = $160


Цитата:
Сообщение от _KurT_
А так же меня интересует сколько времени и денег, опять же для начинающего верстальщика занимает верстка простого проекта, скажем главная страница:
http://aleks1n.ucoz.ua/callmedia/index.html ,
ну и + 3-5 внутренних страниц.
1 день титулка + по 1/4-1/3 дня на внутряк.

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


__________________
[ Коли кожен за себе у своїй хаті скраю – У такого народу і героїв немає! ]
    Вверх
Старый 4.10.2012, 16:27   #178
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Благодарю за ответ , но как всегда есть вопросы.

Цитата:
Сообщение от Del
Оправдано и рекомендовано для любых сайтов. Удобнее так писать, тут нет трудностей. Править потом легче. Развивать - легче, а вы не знаете что может вырасти из вашего маленького сайта.
Я имел ввиду использование bem-tools, префиксов и той распределенной файловой структуры.

Цитата:
Сообщение от Del
1) Блоки не является независимыми по настоящему.
Он может развалится если вы попробуете перенести его без изменений в другой проект.
Он очень сильно зависит от изначальных установок. Не просто от окружения, а от изначальных установок.
Смотрим что у него внутри:
.borr_caption - требует {margin: 0} у базовых элементов - заголовков. Нестандартное поведение, в общих стилях у заголовков могут быть/есть/должны быть отступы.
.benefits - требует {margin: 0;} и {list-style: none;}
ну вы поняли...
Да понял. Получается, что сейчас виной этому некоторые правила, которые прописаны в ресете. И получается, что в пределах данного сайта он является все таки независимым(не в полной мере конечно, как АНБ), так как на всем сайте использовался бы одинаковый ресет, но соответсвенно на любом другом сайте - скорее всего нет.

Цитата:
Сообщение от Del
2) Есть стили для элементов внутри блока, имена которых могут потом вызвать конфликты. Стили не привязанные только к этому блоку, ни каскадом ни именованием. Вы создали много отдельных классов для отдельных элементов и написали им стили. Стили для элементов, того что находится внутри блоков. Эти стили могут с чем-то конфликтовать, могут быть перезаписаны... самое важное! - могут использоваться где угодно! Их страшно трогать! Это таки "стили вне блоков".
Как это не привязаны именованием? Вот по моему по имени они как раз и привязаны.
конфликтовать? каким образом ?
перезапсаны? вообще не понял о чем вы здесь ...
могут использоваться где угодно? тоже не понимаю что вы имели ввиду здесь.

Цитата:
Сообщение от Del
Смотрите:
БЭМ Клуб: Старые методы модификации
Абстрактные блоки

Надеюсь стало понятней.
Да, конечно.

Цитата:
Сообщение от Del
$10 час * 8 часов = 80$
Что, кхм? прям таки, у junoir-a рейт 10$/час? У Вас был такой рейт когда Вы были junior-ом?
Я сверстал данную страницу:
http://aleks1n.ucoz.ua/callmedia/index.html
за 18 часов и мне сказали что в принципе, для junior-а, это нормально. Разница больше чем в 2 раза, собственно вопрос - кто ошибается или в чем проблема?

Цитата:
Сообщение от Del
Это не сложная страница, а обычная.
Покажите сложную


__________________
Здесь не может быть вашей рекламы !
    Вверх
Старый 4.10.2012, 17:17   #179
Greggy

 
 
Регистрация: 5.12.2009
Адрес: Харьков
Сообщений: 5
 
По умолчанию
Цитата:
Сообщение от _KurT_
Что, кхм? прям таки, у junoir-a рейт 10$/час? У Вас был такой рейт когда Вы были junior-ом?
Я сверстал данную страницу:
http://aleks1n.ucoz.ua/callmedia/index.html
за 18 часов и мне сказали что в принципе, для junior-а, это нормально. Разница больше чем в 2 раза, собственно вопрос - кто ошибается или в чем проблема?
а не до фига ли это 18 часов? где это вам сказали что норм?
8 часов это норм. это еще и потестить можно во всех браузерах. например в 7й иешке бг на инпуте уезжает при переполнении а в восьмой текст налазит на бгшку. некрасиво. та там вообще бред сверстан лишки захардкожены по высоте.
кто это педалил?


    Вверх
Старый 4.10.2012, 17:48   #180
_KurT_

 
Регистрация: 1.07.2010
Адрес: Харьков
Сообщений: 89
 
По умолчанию
Цитата:
Сообщение от Greggy
а не до фига ли это 18 часов? где это вам сказали что норм?
8 часов это норм. это еще и потестить можно во всех браузерах. например в 7й иешке бг на инпуте уезжает при переполнении а в восьмой текст налазит на бгшку. некрасиво. та там вообще бред сверстан лишки захардкожены по высоте.
кто это педалил?
Ну вот как раз за этим я пишу что бы узнать, какая разница где сказали.
Я педалил. Не забыл что я учусь только, че с наездами-то?


__________________
Здесь не может быть вашей рекламы !
    Вверх

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Харьков Форум > Hi-Tech... > Программирование и создание сайтов

Быстрый переход


Часовой пояс GMT +2, время: 19:03.


Харьков Форум Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.