Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   пагубное влияние стандартов на неокрепшие умы, или я не прав? (https://javascript.ru/forum/xhtml-html-css/5490-pagubnoe-vliyanie-standartov-na-neokrepshie-umy-ili-ya-ne-prav.html)

x-yuri 18.10.2009 19:59

пагубное влияние стандартов на неокрепшие умы, или я не прав?
 
http://xhtml.ru/2005/05/11/target_blank/

Octane 18.10.2009 20:15

Ну не всегда заказчики адекватные :) иногда ради статуса «This document was successfully checked as XHTML 1.0 Strict!» приходится извращаться…

Kolyaj 18.10.2009 20:31

Прав :)

e1f 19.10.2009 13:22

+1

subzey 26.11.2009 13:58

Прав.
Формальная валидность, ровно как и «чисто-дивная» верстка никому, кроме самих девелоперов, не нужны.

B~Vladi 26.11.2009 20:31

Цитата:

Сообщение от subzey
«чисто-дивная» верстка никому, кроме самих девелоперов, не нужны.

Дивная вёрстка так же полезна и для пользователей - большие и сложные страницы быстрее рендеряться...

subzey 26.11.2009 23:18

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

Кстати, бьюсь об заклад, что шесть флоатеров, занимающих суммарно 100%, рендерятся не шустрее, чем табла с table-layout:fixed. А при добавлении седьмого блока в случае с таблой нас ждет гораздо меньше неприятностей. :)

B~Vladi 26.11.2009 23:28

Цитата:

Сообщение от subzey
таблицы - такой же инструмент для создания документа

Таблицы - иструмент для создания таблиц... Логично?!
Цитата:

Сообщение от subzey
Просто их нужно использовать к месту.

Ты сам себе противоречишь:)
Цитата:

Сообщение от subzey
заказчик говорит "чисто дивная, и хоть усрись".

Заказчику, как привило, всё равно как ты это сделаешь... Так говорят начальники отделов/департаментов. И правильно говорят - если ты делаешь свою работу грамотно - тебя оценят... Это касается не только верстака, но и всего остального... Постоянные этого форума легко отличат говнокод от грамотного подхода. Все стремятся писать грамотный код в языках программирования, а почему языков разметки это не касается?!!

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

subzey 26.11.2009 23:52

Холивар? :)

Обычно когда хотят доказать преимущества дивной верстки ставят в пример css zen garden. Пардон, если Вы хотите сделать из одного документа другой, то это Вам к XSLT прямая дорога.

Другой аргумент - взывание к семантике, мол, таблицы созданы для того, чтобы отображать табличные данные. Да, все так, но ведь и флоаты сделаны для того, чтобы вставлять блок "картинка-подпись" так, чтобы окружающий текст их обтекал, amirite?

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

x-yuri 27.11.2009 00:30

Цитата:

Сообщение от B~Vladi
А те кто говорит, что таблицы можно и нужно использовать - зло для веба, или просто задроты

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

Riim 27.11.2009 01:11

Цитата:

Сообщение от x-yuri
А ты стал в позу и рассказываешь об единственно православном способе верстать

лично я вообще пока не понимаю, за что он агитирует, то ли за семантику, то ли за Table Forever.

B~Vladi 27.11.2009 01:26

Цитата:

Сообщение от x-yuri
ты на самом деле это про себя только что сказал

Где ты видел, чтобы я так говорил?!
Цитата:

Сообщение от x-yuri
А ты стал в позу и рассказываешь об единственно православном способе верстать

Это не способ - это подход и правильный. Я не говорил, что таблицы не нужно никогда использовать:
Цитата:

Сообщение от B~Vladi
Таблицы - иструмент для создания таблиц...

Цитата:

Сообщение от Riim
лично я вообще пока не понимаю, за что он агитирует

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

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

B~Vladi 27.11.2009 01:37

Цитата:

Сообщение от subzey
флоаты сделаны для того, чтобы вставлять блок "картинка-подпись"

Нет, он не для этого сделан. Float - плавающий блок и не важно, картинка, текст и т.п.
Цитата:

Сообщение от subzey
вертикальное выравнивание текста

Выравнить текст по вертикали можно с помощью line-height и не только. Это всё относится к представлению (css), легко решается и не надо ничего выдумывать.

Riim 27.11.2009 01:47

Ой, я думал что фразу:
Цитата:

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

Блин, я ваще запутался, кто и что написал :) .

Octane 27.11.2009 01:47

Цитата:

Сообщение от subzey
но такой же бред делать связанные между собой по высоте и ширине блоки дивами

В CSS для этого есть средства, другое дело, что не во всех браузерах это реализовано.

B~Vladi 27.11.2009 11:15

Цитата:

Сообщение от Octane
но такой же бред делать связанные между собой по высоте и ширине блоки дивами

А этого и не надо делать на дивах - для такого спецально придуманы таблицы. Другой вопрос - зачем же тогда в css есть свойства для представления таблиц, если их нужно делать соответствующими тегами??;)

subzey 27.11.2009 11:35

Цитата:

Сообщение от B~Vladi (Сообщение 36466)
Это не способ - это подход и правильный. … Я не агитирую и не холиварю - я напоминаю человеку как правильно верстать. И вам всем рано или поздно придётся столкнутся с этим при устройстве на работу. А те конторы, где говорят - верстай как знаешь, обречены на развал.
Мне не станет плохо от того, что в рунете появится ещё один говносайт... Вы сами делаете рунет говном, а потом удивляетесь - почему на форумах так много мудаков, вроде нашего любимого троля.

«To table or not to table» длится еще со времен RU.HTML.PROFY (которая с Мицголом еще), и если Вы не холиварите, то что же тогда делаете?

Говносайты, обречны на развал, говно рунета говорите? Премия конкурса WebHiTech не вручается кому попало.

Знаете что, B~Vladi, оставайтесь-ка Вы при свем мнении, а я останусь при своем: «Чисто-дивная» верстка никому, кроме самих девелоперов, не нужна.
Юзвери видят трехколоночник, и их не волнует, как это сделано, при условии, что одна из этих колонок не схлопывается и не уезжает вниз при разрешении 128×160 на экране мобильного устройства.
Программеры ожидают увидеть аккуратный код, четкую логику и свободное добавление-удаление всех элементов (иногда включая каркасные), и их не коробит, таблица это, или див, потому как незакрытые теги в обоих случаях приводят к катастрофе.

Я выслушаю Ваш ответ, и, пожалуй, эту бессмысленную полемику прекращу.

Riim 27.11.2009 11:44

Цитата:

Сообщение от B~Vladi
Выравнить текст по вертикали можно с помощью line-height и не только

а как выровнять не текст по вертикали без таблиц?

subzey 27.11.2009 13:00

Хехе, можно заключить его в <span style="display: inline-block">, сделав таким образом текстом.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title></title>
		<style type="text/css">
			.tpl-centerer {
				display: inline-block;
				background: yellow;
				line-height: normal;
				vertical-align: middle;
			}
			.tpl-carrier {
				height: 300px;
				line-height: 300px;
				background: red;
				text-align: center;
				vertical-align: middle;
			}
			.tpl-strut {
				display: inline-block;
				line-height: 300px;
				width: 0px;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<div class="tpl-carrier">
			<span class="tpl-strut"></span><span class="tpl-centerer">Lorem Ipsum Dolor Sit Amet<br />ETAOIN SHRDLU ETAOIN SHRDLU ETAOIN SHRDLU</span>
		</div>
	</body>
</html>

span потому что IE6. tpl- потому что префиксы. tpl-strut потому что IE6

Octane 27.11.2009 14:35

Цитата:

Сообщение от B~Vladi
Цитата:

Сообщение от Octane
но такой же бред делать связанные между собой по высоте и ширине блоки дивами


Я этого не писал, я на это отвечал :)
Цитата:

Сообщение от subzey
но такой же бред делать связанные между собой по высоте и ширине блоки дивами

Цитата:

Сообщение от B~Vladi
А этого и не надо делать на дивах - для такого спецально придуманы таблицы. Другой вопрос - зачем же тогда в css есть свойства для представления таблиц, если их нужно делать соответствующими тегами??;)

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

B~Vladi 27.11.2009 15:35

Цитата:

Сообщение от subzey
Знаете что, B~Vladi, оставайтесь-ка Вы при свем мнении

Я никого не пытаюсь переубедить.
Цитата:

Сообщение от subzey
«Чисто-дивная» верстка никому, кроме самих девелоперов, не нужна

Речи небыло про "чисто дивную".
Цитата:

Сообщение от subzey
Программеры ожидают увидеть аккуратный код, четкую логику и свободное добавление-удаление всех элементов (иногда включая каркасные), и их не коробит, таблица это, или див

Это про кого?! По мне так всё наоборот.
Цитата:

Сообщение от Riim
а как выровнять не текст по вертикали без таблиц?

Только если извесна высота родителя. Если не извесна - ишак идёт лесом, ибо не поддерживает всех значений для дисплея. И вообще это не имеет прямого отношения к таблице.
Цитата:

Сообщение от Octane
чтобы не изменяя HTML-код можно было сделать еще 2 версии сайта: мобильную (обычно избавляются от таблиц и выстраивают все содержимое по вертикали) и для печати

Для мобильной версии будет неоправдано увеличен траффик из-за ненужной разметки.

Octane 27.11.2009 16:10

Цитата:

Сообщение от B~Vladi
Для мобильной версии будет неоправдано увеличен траффик из-за ненужной разметки.

Сейчас стараются отдавать пользователям мобильных устройств полноценные странички с JavaScript и картинками, но в более удобной для малого разрешения форме, подключив альтернативную таблицу стилей (media="handheld"). WAP-сайты отдельная тема и, как правило, на отдельном поддомене.

micscr 27.11.2009 17:01

Я пока до дивной верстки не добрался.
Но видимо пора.
Может ссылочку самую лучшую кинете?

Kolyaj 27.11.2009 17:45

http://softwaremaniacs.org/blog/category/web/primer/

B~Vladi 27.11.2009 19:05

cssplay.com

x-yuri 27.11.2009 23:54

Цитата:

Сообщение от B~Vladi
Таблицы - иструмент для создания таблиц...

тогда скажи, как правильно сделать эту форму

B~Vladi 28.11.2009 00:18

Цитата:

Сообщение от x-yuri
тогда скажи, как правильно сделать эту форму

Что конкретно нужно сделать?! Эта форма верстается за 3 минуты... Или есть какие-то требования к макету?
ЗЫ: всегда можно напречь дизайнера изменить макет:)

x-yuri 28.11.2009 00:25

табличная верстка или на div'ах?

Riim 28.11.2009 00:25

Цитата:

Сообщение от subzey
Хехе, можно заключить его в <span style="display: inline-block">, сделав таким образом текстом.

а если высота родителя в процентах?

Цитата:

Сообщение от B~Vladi
И вообще это не имеет прямого отношения к таблице.

таблицей это делается без проблем.

B~Vladi 28.11.2009 00:42

Цитата:

Сообщение от x-yuri
табличная верстка или на div'ах?

Хоть так, хоть так. В этом варианте можно обойтись и дивами;)
Цитата:

Сообщение от Riim
таблицей это делается без проблем.

Да, знаю я, что это очень тонкий момент... Но это не имеет прямого отношения к ней. Таблица, кроме этого, позволяет ещё очень много вещей - на то она и таблица. В таких ситуациях нужно грешить на дизайнера - он ДОЛЖЕН знать все эти тонкости.

Не забывайте, что кроме HTML, CSS используется ещё и в XML и не только... В свою очередь CSS предлагает все возможности для создания WEB-документов, не уступающих HTML, а то, что грёбаный ишак этого не понимает, мы в этом не виноваты и приходиться с ним считаться.

На этом форуме (и не только) было много постов о том, что нытики-верстаки жалуются на 6 ИЕ. Самое обидное то, что этих самых нытиков обвиняют в "непроффесионализме"... Кто-нибудь скажет, чем шестой ишак хорош как браузер?! Я имею ввиду не для девелоперов, а для юзеров...
Если такой найдётся: дай мне номер своего тел, пообщаемся;)

Как вы не можете понять... Мы сами (верстаки, UI-девелоперы) продлеваем жизнь ишаку-шестёрке... Чем раньше мы от него откажемся, тем проще будет нашим коллегам и юзерам:)

Riim 28.11.2009 01:14

Цитата:

Сообщение от B~Vladi
он ДОЛЖЕН знать все эти тонкости

если он будет знать все эти тонкости, то кого-то уволят, и уж точно не его.

Цитата:

Сообщение от B~Vladi
В свою очередь CSS предлагает все возможности для создания WEB-документов

вот бы так и было: css-vsemogushiy5.0

Цитата:

Сообщение от B~Vladi
Как вы не можете понять... Мы сами (верстаки, UI-девелоперы) продлеваем жизнь ишаку-шестёрке... Чем раньше мы от него откажемся, тем проще будет нашим коллегам и юзерам

да мы это понимаем, заказчики понимать не хотят.

B~Vladi 28.11.2009 01:29

Цитата:

Сообщение от Riim
если он будет знать все эти тонкости, то кого-то уволят, и уж точно не его.

Не понимаю, о чём ты... Веб дизайнер на то он и ВЕБ... И никого не уволят... Если дизайнер скажет - так лучше: к нему прислушаются... если нет - бежать нужно из этой конторы...
Цитата:

Сообщение от Riim
вот бы так и было: css-vsemogushiy5.0

Аха, насмешил... он действительно такой... Реализации подводят... Что будешь делать, если попросят на XML сделать?
Цитата:

Сообщение от Riim
да мы это понимаем, заказчики понимать не хотят.

Вот мудаки... В моей практике было много моментов, когда мне всё-таки удавалось направить их на путь истинный... Потерпим ещё пару лет;)

Riim 28.11.2009 01:49

Цитата:

Сообщение от B~Vladi
Не понимаю, о чём ты

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

Цитата:

Сообщение от B~Vladi
он действительно такой

вот здесь: http://softwaremaniacs.org/blog/category/web/primer/
достаточно много примеров доказывающих что это не так, да и сам я уже сталкивался с ситуациями где одним лишь css (не портя семантику) не получалось обойтись.

B~Vladi 28.11.2009 01:57

Цитата:

Сообщение от Riim
такие тонкости знать явно не обязан

Обязан:-E
Цитата:

Сообщение от Riim
вот здесь достаточно много примеров

Может и не всемогушь, но опять же - дизайнер это ОБЯЗАН учитывать. Я хз как там у тебя там работают, но ВЕБ-дизайнер тесно связан с верстальщиком, а тот, в свою очередь (если такой имеется), связан с UI-девелопером. Если верстак сказал - так нельзя: дизайнер обязан изменить макет... Дизайнер не бог ёп... Это касается и выравнивания по вертикали...

x-yuri 28.11.2009 03:57

Цитата:

Сообщение от B~Vladi
Хоть так, хоть так. В этом варианте можно обойтись и дивами

следовательно, мы видим, что у тебя дизайнерское представление о том, что такое таблица. А потом ты удивляешься, что тебя не понимают (;
Цитата:

Сообщение от B~Vladi
Речи небыло про "чисто дивную"



Цитата:

Сообщение от B~Vladi
Самое обидное то, что этих самых нытиков обвиняют в "непроффесионализме"... Кто-нибудь скажет, чем шестой ишак хорош как браузер?! Я имею ввиду не для девелоперов, а для юзеров...

при чем тут профессионализм к ie 6 как браузеру

Цитата:

Сообщение от B~Vladi
Если такой найдётся: дай мне номер своего тел, пообщаемся

вы друг друга не поймете и каждый останется при своем :lol:

Цитата:

Сообщение от B~Vladi
Как вы не можете понять... Мы сами (верстаки, UI-девелоперы) продлеваем жизнь ишаку-шестёрке... Чем раньше мы от него откажемся, тем проще будет нашим коллегам и юзерам

немного по-другому: мы сами выбираем уровень проектов, в которых будем участвовать (;

Цитата:

Сообщение от B~Vladi
Вот мудаки... В моей практике было много моментов, когда мне всё-таки удавалось направить их на путь истинный... Потерпим ещё пару лет

ты рассчитываешь, что верстке начнут обучать в школах? :)

Riim 28.11.2009 04:29

Цитата:

Сообщение от B~Vladi
Обязан :-E

нет нет нет :) .

Цитата:

Сообщение от B~Vladi
Если верстак сказал - так нельзя: дизайнер обязан изменить макет

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

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

B~Vladi 28.11.2009 12:14

Цитата:

Сообщение от x-yuri
при чем тут профессионализм к ie 6 как браузеру

К слову.
Цитата:

Сообщение от x-yuri
мы сами выбираем уровень проектов, в которых будем участвовать (;

А причём тут уровень?!
Цитата:

Сообщение от x-yuri
ты рассчитываешь, что верстке начнут обучать в школах?

Это я про заказчиков.
Цитата:

Сообщение от Riim
нет нет нет

Да как нет?! Да он тебя съест тогда заживо... Он сайт рисует, а не спам-листовку!
Цитата:

Сообщение от Riim
лучше взять двух дизайнероверстальщиков

К твоему сведению, это очень распространённая практика.

Вобщем, в любом случае всегда можно рассказать дизайнеру почему так нельзя, чтобы потом это не повторялось... Что ты будешь делать, если шрифт нестандартный прикрутят к макету? Картинками нарежешь? Потом будут проблемы с севушником, как минимум...

x-yuri 28.11.2009 17:25

Цитата:

Сообщение от B~Vladi
А причём тут уровень?!

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

Цитата:

Сообщение от B~Vladi
Это я про заказчиков.

хотя да, может они и без школ поумнеют немного

B~Vladi 28.11.2009 18:11

Цитата:

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

Пока это проект - у него 0 скил;)


Часовой пояс GMT +3, время: 23:41.