Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   HTML и CSS - какие маразматики писали стандарты??? (https://javascript.ru/forum/offtopic/26536-html-i-css-kakie-marazmatiki-pisali-standarty.html)

Nanto 12.03.2012 02:45

HTML и CSS - какие маразматики писали стандарты???
 
Зла не хватает! Убожество какое-то задокументировали.
20 лет развивают язык, и?.. box-shadow, canvas и псевдоэлементы???
В консорциуме хоть кто-то имеет понятие о разметке, типографике, вёрстке?
Почему vertical-align работает ТОЛЬКО ДЛЯ ТЕКСТА (даже не для инлайновых элементов)? Как нах выравнивать по высоте????
Как сделать "полную выключку" элементов (накой этот justify для текста, если даже малейшая группировка "спаном" сводит на нет весь смысл этого свойства???) - флоаты городить? Чтобы потом задолбаться "чистить поток"? Чтобы слетело все вертикальное выравнивание?
Не язык разметки, а хрень полнейшая! Базовые основы разметки, так до сих пор и не прописали!
Ещё ослы эти тупорылые! Которые понимают всякую свою майкрософтовскую хрень типа "filter:progid:DXImage", но наиважнейшее свойство display - через ж...!

P.S. А ещё всякие "спецы" любят рассуждать о "семантике" - кошерно ли верстать таблицами (тоже кстати, то ещё убожество, но хоть свойств побольше поддерживает...)! Какая нах "семантика", когда даже с таблицами не хватает гибких инструментов для нормальной разметки!

FINoM 12.03.2012 03:08

Цитата:

Сообщение от Nanto
Почему vertical-align работает ТОЛЬКО ДЛЯ ТЕКСТА

http://jsfiddle.net/Bav85/
http://jsfiddle.net/Bav85/1/
Цитата:

Сообщение от Nanto
накой этот justify для текста, если даже малейшая группировка "спаном" сводит на нет весь смысл этого свойства

http://jsfiddle.net/Bav85/2/
Ну и не забывайте, что полная выключка неприемлема без мягких переносов.
Цитата:

Сообщение от Nanto
Какая нах "семантика", когда даже с таблицами не хватает гибких инструментов для нормальной разметки!

Например? Чего не хватает таблицам?

trikadin 12.03.2012 03:19

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

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

Seva1986 12.03.2012 03:31

Цитата:

Сообщение от Nanto
P.S. А ещё всякие "спецы" любят рассуждать о "семантике"

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

Выучите на хорошем уровне html и css и потом скажите плохо там сделано или нет.

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

Pavel M. 12.03.2012 10:24

Цитата:

Сообщение от Nanto
HTML и CSS - какие маразматики писали стандарты???

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

Nanto 12.03.2012 13:39

Конечно же я ожидал подобной реакции от javascript.ru!
Тут в основном люди, мягко говоря, не слишком зрелого возраста - и как следствие - юношеский максимализм, романтика и прочая дребедень...
Плюс люди "аутичных профессий" (типа программирования) очень любят увлекаться такой несмежной дисциплиной как психоанализ, но поскольку, в силу малого жизненного опыта и очень критичной реакции в сторону оппонентов (юношеский максимализм, как неприятие чужого мнения) - то снобизм данных представителей Homo Sapiens Programmus порой доходит до состояния мегаломании.
Теперь по порядку...

Gozar 12.03.2012 13:52

FINoM,
Ты подтвердил что Nanto прав. Он говорит о вложенных элементах, а ты ставишь их на одном уровне.

Выровняй по вертикали #s2 относительно #s1:
<span id="s1"><span id="s2">Текст</span></span>


А я вот с Nanto соглашусь. HTML - говно, был говно и будет всегда говно. И html5 говно и будет ещё долго говно. И была уже попытка уйти от HTML. Неужто все об этом резко позабыли? Даже тот же Adobe свой html pdf придумал.

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

Я тут было рыпнулся в сторону семантики и т.д. а поисковики то болт ложили на это. :cray:

Пока поисковики не станут нормально индексировать html5, он будет ещё хуже чем 4.01 и семантика вся эта до жопы всем.

"Все" хотят писать так:
<a href=site.com><DIV id=25><img></DIV></a>


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

ps: Это не троллинг, просто вы тут законсервативились слишком.

Nanto 12.03.2012 13:56

FINoM,
Мне надо вот такое:
http://jsfiddle.net/Bav85/3/
Попробуйте выровнять спаны по нижней границе блока с "выравниванием по ширине"! Не, такое, конечно, можно реализовать - но:
1) либо float-ы и "чистка потока" (очень семантично всюду пихать пустые блоки) плюс Хром не вычищает до конца (забавно, правда?)
2) Либо строчные элементы, у которых различный line-height (и vertical-align:super;) гробит всё выравнивание.
3) Либо таблицы, у которых раздвигаются ячейки для input {width:100%; padding:">0"}, или мне лепить костыли типа :
a) input{width:96%; padding:0 2%;}
b) td {padding:0 40px 0 0;} input{width:100%; padding:0 20px;}
....
На минимализированных идеальных примерах - всё конечно работает... Но в реальном проекте, все эти костыли все равно дают сбои!

justify работает только для текста. Почему не сделать это свойство для любых элементов? Дал justify блоку и:
1) один дочерний элемент - на всю ширину или по центру (в зависимости од установленной длины);
2) два элемента - выравниваются по краямж
3) три и больше - просто вставляются равные по размеру отступы;

Ну это трудно было предусмотреть? И не думаю, что для парсеров браузеров - было бы такой проблемой поддержать это свойство для всех элементов!

Ну и таблицам не хватает самой малости (будь она проклята) - НЕ ПРЕВЫШАТЬ УСТАНОВЛЕННОЕ ЗНАЧЕНИЕ РАЗМЕРОВ ячеек/таблиц! Если я жёстко задаю размеры - какого она растягивается? Причём в разных браузерах по разному!

Nanto 12.03.2012 14:02

trikadin,
Я вполне умею верстать... Я даже знаю что такое "text-justify:newspaper;"
И я-таки могу сверстать то, что мне дал дизайнер... Но какими усилиями и костылями!
"Мыши плакали, кололись, но продолжали есть кактус"?

Gozar 12.03.2012 14:05

Кстати можно почитать Чикуенка, как он там изврящается :)

Nanto 12.03.2012 14:07

Seva1986,
Троллите батенька! Да как ядрёно! Вслух высказываете сомнения в умственных способностях оппонента...
Вы думаете, что знаете html/css лучше меня, а я просто дурачок, у которого что-то не получается?
Или как тут "Я какраз один из тех как вы выразились спецов, и я прав!"
Ну раз Вы такой матёрый "спец", тогда уж разъясните мне дураку - как стилизовать элементы формы как <input type="file"> и <select>?
Или мы так и будем "несемантично" подсовывать js-ные фэйки?

Rootpassword 12.03.2012 14:08

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

Gozar 12.03.2012 14:12

Согласен с Rootpassword.

Nanto 12.03.2012 14:20

Nanto,
Я бы может и написал... Только кому это надо? Веб развивается по своим, неведомым законам (абсолютно пренебрегая "Бритвой Оккама").
Как стучали по не самой рациональной раскладке клавиш на клавиатуре, так и будем стучать...
Как производители браузеров использовали свои префиксы, так и будут!
//не, ну трудно прописать в парсерах -moz(-o,-webkit,-ms)-transition=transition????????? Нах мне по 5 свойств прописывать?
Или оставить свои префиксы для всего - не секрет, что изредка в ЛЮБОМ браузере вылезают неочевидные косяки... А так вставил конкретный префикс, и нужный браузер тут же переопределил для себя хак.
Почему бы не застандартить префиксы для любого браузера?

Gozar 12.03.2012 14:23

Цитата:

Сообщение от Nanto (Сообщение 162663)
Почему бы не застандартить префиксы для любого браузера?

Лично я префиксы не пишу. ;)

Nanto 12.03.2012 14:25

Gozar,
В том-то и дело что "извращается"! Можно написать конструкцию любой сложности - подключить JS, медиа-запросы и т.д. Но где тут "семантика" о которую ломают копья?
Стандарты изначально не довели до ума... А потом понеслась. Производители буровали одно, консорциум их мягко корил, но от безвыходности включал в поддержку их фичи/баги... А теперь уж и не до единого стандарта! Патовая ситуация - когда в мире сожительствуют <!--[if lte IE 8]> и CSS3.
Хоть по два отдельных стилевых файла делай! Типа - авось когда <!--[if lte IE 8(9)]> и умрут и тогда останется один файл...

Nanto 12.03.2012 14:28

Gozar,
Я бы тоже не писал, но... Иногда поступают заявы - а в Мозилле углы не круглые!
Вот и вспомниаешь что третья (интересно, а чем так хорош FF3.6, что он до сих пор на руках у кучи людей?) не понимает border-radius, а понимает только -moz-border-radius (и то, <img> в пролёте!)...
Тут уже не стандарты надо знать, а особенности каждой конкретной версии браузера!

Gozar 12.03.2012 14:28

Nanto,
Не было никакого стандарта раньше. Кто, кого корил? Консорциум записываем рекомендации для единообразия отображения контента. Он сам состоит из этих самых браузеров, вернее их представителей.

Gozar 12.03.2012 14:31

Цитата:

Сообщение от Nanto (Сообщение 162668)
а чем так хорош FF3.6, что он до сих пор на руках у кучи людей?

Тем что дальше нумерация пошла до точки, а то бы сейчас ты пользовался FF 3.10. Пиар, чтоб его.

Цитата:

Сообщение от Nanto (Сообщение 162668)
Тут уже не стандарты надо знать, а особенности каждой конкретной версии браузера!

Так и есть.

Gozar 12.03.2012 14:40

Зато у тебя есть работа, раз ты знаешь нюансы, а так бы не было. Пришли бы выпускники универов и всех построили, а так в этой области выживает самый упорный и дотошный ;)

Seva1986 12.03.2012 15:02

Цитата:

Сообщение от Nanto
Конечно же я ожидал подобной реакции от javascript.ru!
Тут в основном люди, мягко говоря, не слишком зрелого возраста - и как следствие - юношеский максимализм, романтика и прочая дребедень...
Плюс люди "аутичных профессий" (типа программирования) очень любят увлекаться такой несмежной дисциплиной как психоанализ, но поскольку, в силу малого жизненного опыта и очень критичной реакции в сторону оппонентов (юношеский максимализм, как неприятие чужого мнения) - то снобизм данных представителей Homo Sapiens Programmus порой доходит до состояния мегаломании.

Админы забаньте тролля пожалуйста.

вы не знаете ни html ни css.

Цитата:

Сообщение от Nanto
Попробуйте выровнять спаны по нижней границе блока с "выравниванием по ширине"! Не, такое, конечно, можно реализовать

какие спаны какого блока? напишите наормально задачу без своего бреда описывающего возникающие проблемы
Цитата:

Сообщение от Nanto
1) либо float-ы и "чистка потока" (очень семантично всюду пихать пустые блоки) плюс Хром не вычищает до конца (забавно, правда?)
2) Либо строчные элементы, у которых различный line-height (и vertical-align:super гробит всё выравнивание.
3) Либо таблицы, у которых раздвигаются ячейки для input {width:100%; padding:">0"}, или мне лепить костыли типа :
a) input{width:96%; padding:0 2%;}
b) td {padding:0 40px 0 0;} input{width:100%; padding:0 20px;}

я вам сделаю потом вставите на сайт и скажите.

Seva1986 12.03.2012 15:09

Цитата:

Сообщение от Nanto
Троллите батенька! Да как ядрёно! Вслух высказываете сомнения в умственных способностях оппонента...
Вы думаете, что знаете html/css лучше меня, а я просто дурачок, у которого что-то не получается?
Или как тут "Я какраз один из тех как вы выразились спецов, и я прав!"
Ну раз Вы такой матёрый "спец", тогда уж разъясните мне дураку - как стилизовать элементы формы как <input type="file"> и <select>?
Или мы так и будем "несемантично" подсовывать js-ные фэйки?

<input type="file"> никак

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

Сообщение от Seva1986
стандарты постоянно допиливают

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

Цитата:

Сообщение от Seva1986
Вы думаете, что знаете html/css лучше меня, а я просто дурачок, у которого что-то не получается?

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

Gozar 12.03.2012 15:22

Цитата:

Сообщение от Seva1986 (Сообщение 162675)
Админы забаньте тролля пожалуйста.

вы не знаете ни html ни css.

WOW. :blink:
Ты то знаешь?
Цитата:

Сообщение от Gozar (Сообщение 162654)
Выровняй по вертикали #s2 относительно #s1:
<span id="s1"><span id="s2">Текст</span></span>

Пусть высота s1 = 200px а s2 = 50px. Ну там типа: vertical-align: middle ;)

Nanto 12.03.2012 15:24

<select> - раскрывающийся список (т.е. size="1"):
Кол-во отображаемых <option> без скролла - сможете отрегулировать?
Направление раскрытия списка?
Да и вообще, что-то ВЫ сильно пустословите - покажите мастер-класс!

Seva1986 12.03.2012 15:25

Цитата:

Сообщение от Gozar
Ты то знаешь?

прикинь знаю, причём очень хорошо. а причём тут ты вообще?

Gozar 12.03.2012 15:29

Цитата:

Сообщение от Seva1986 (Сообщение 162682)
прикинь знаю, причём очень хорошо. а причём тут ты вообще?

Ты задание сделай, ты же спец, а то троллем получаешься ты.

Seva1986 12.03.2012 15:29

Цитата:

Сообщение от Nanto
<select> - раскрывающийся список (т.е. size="1"):
Кол-во отображаемых <option> без скролла - сможете отрегулировать?
Направление раскрытия списка?

Цитата:

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

Цитата:

Сообщение от Nanto
Да и вообще, что-то ВЫ сильно пустословите - покажите мастер-класс!

Цитата:

Сообщение от Gozar
Ты задание сделай, а то троллем получаешься ты.

вы не внимательны

Цитата:

Сообщение от Seva1986
какие спаны какого блока? напишите наормально задачу без своего бреда описывающего возникающие проблемы
Сообщение от Nanto
1) либо float-ы и "чистка потока" (очень семантично всюду пихать пустые блоки) плюс Хром не вычищает до конца (забавно, правда?)
2) Либо строчные элементы, у которых различный line-height (и vertical-align:super гробит всё выравнивание.
3) Либо таблицы, у которых раздвигаются ячейки для input {width:100%; padding:">0"}, или мне лепить костыли типа :
a) input{width:96%; padding:0 2%;}
b) td {padding:0 40px 0 0;} input{width:100%; padding:0 20px;}
я вам сделаю потом вставите на сайт и скажите.


Seva1986 12.03.2012 15:31

Нормально опишите задачу я сделаю.

Gozar 12.03.2012 15:31

Seva1986,
Заканчивай копирастией заниматься и выровняй span. Задача описана нормально, пойди по ссылке Finom и посмотри что он сделал, а потом выровняй вложенный спан по середине.

Seva1986 12.03.2012 15:32

Gozar,

как именно где он должен быть по центру и снизу правее инпута?

Gozar 12.03.2012 15:33

http://jsfiddle.net/Bav85/ спан должен быть вложен в спан и отцентрован относительно спана родителя

Gozar 12.03.2012 15:34

слово текст должно стоять ровно по центру красного квадрата.

Ps: задача не должна поставить тебя в тупик.

Seva1986 12.03.2012 15:40

Gozar,

так? http://jsfiddle.net/Bav85/4/

Gozar 12.03.2012 15:44

А если без line-height

Gozar 12.03.2012 15:49

Nanto, если Seva1986, напишет ещё хотя бы одно решение(а оно есть - правда оно работает не ниже ie8), то можешь идти к нему учиться ;)

Seva1986 12.03.2012 15:50

http://jsfiddle.net/Bav85/5/

Seva1986 12.03.2012 15:51

Gozar,

с меня плохой учитель:)

Gozar 12.03.2012 15:51

Цитата:

Сообщение от Seva1986 (Сообщение 162698)
с меня плохой учитель

Потренируешься на Nanto :)

Seva1986 12.03.2012 15:51

Gozar,

я ещё несколько знаю решений этой задачи только они менее гибкие будут...

Seva1986 12.03.2012 15:52

Gozar,

ну как, я убедил в своей компетентности?


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