Incub.ru. Опираясь на стандарты

26th November 2003 - 19:19

С 1 января 2003 года мы осуществляем реализацию проектов, опираясь на стандарты языка разметки гипертекста XHTML и стилевых спецификаций CSS. Мы гарантируем полноценную работоспособность проектов в любых броузерах версий 5+, а также во всех версиях броузера Mozilla.

Incub

Научно-производственный центр «ТЭК-Инжиниринг» — самая свежая работа в портфолио (XHTML 1.0, CSS 2).

Validation Results: This page is not Valid XHTML 1.0 Transitional!

» source

  • xml:lang="en" lang="ru" [update];
  • незакрытые meta, br;
  • marginwidth, marginheight;
  • & в URI;
  • забытый a href.

… и tables, tables, tables. [update 2]

В целом же сайт оставляет достаточно приятное впечатление. Просто и со вкусом.

Вторая «по свежести» работа — производственное предприятие «Труд» (XHTML 1.0. Прямо-таки заявка на победу). Зашёл Оперой, получил HTML 4.0 Transitional. Ну, думаю, наверное какой-нибудь browser detect. Зашёл IE6… Оказалось, что ребята просто приукрасили действительность. Жаль.

И по традиции: XHTML 1.1 (с парой-тройкой строк лишнего кода, как всегда).

PS. Интересуют WebDev-конторы яростных приверженцев стандартов. Кому-нибудь о них известно?

Categories: Web-билдинг | comments: (13)

Комментарии

1. Evgeny Fedorenko 26th November 2003 - 21:43

Я не контора, но фрилансер. Яростный приверженец, да.
www.daysleepersdesign.com/blog/

Mash:

Ага, видел.

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

2. Fedorenko Evgeny 27th November 2003 - 01:03

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

На очереди — CityDesk и MovableType в качестве CMS. Как будет какой-то результат или впечатления — конечно напишу.

3. kost 27th November 2003 - 13:15

конторы яростных приверженцев стандартов? В России?
По-моему, это не интересно ни одной конторе.
Я бы тоже хотел найти таких.

Mash:

Да, пожалуй, это интересно лишь некоторым людям в этих конторах, а не всему коллективу.

4. makar 27th November 2003 - 23:04

Иванов, ты на каком языке здесь разговариваешь? Хоть бы в гости зашел или позвонил, в «Круазе» второй этаж открыли, можно и просто напиться.

Mash:

Гости: А самим слабо? ;) Ближе к выходным позвоню, уболтал, языкастый.

Круазе: Слышал. Надо. Только свистни, учитель.

Напиться: Последняя моя попойка оставила настолько неизгладимые впечатления, что больше пока как-то не хочется.

5. ganges 9th December 2003 - 12:42

Привет!

Моя «контора», точнее ее первая инкарнация
http://development.it.net.ua/

Сейчас готовим редизайн и 3 сайта, все будут работать на стандартах XHTML 1.0 и CSS2 Насчет комментария кому это может быть интересно или неинтересно — клиентам точно это все пофиг, поэтому имхо, надо просто «делать», а остальные потом подтянутся Смешо конечно смотреть на сайты «профессиональных студий» без ДТД
Это все, конечно Майкрософт виноват :))
Каждый кто сделал из ворда страницу — уже считает себя дизайнером Интернет
пройдет это время.

Mash:

Артемий сильно озабочен смехом смотрящих его сайты. ;)

« + … и каждый, кто сделал страницу в notepad» — это не пройдёт. И это нормально.

По поводу клиентов: на мой взгляд их пофигизм подкармливается нежеланием/неумением внятно разъяснить все положительные и отрицательные стороны. Отсюда же и NN4 в ТЗ.

А делать надо, да. В этом нет ничего сложного.

6. ganges 10th December 2003 - 20:06

Ну знаешь ли, смеется тот, кто смеется последний :) Вообще меня это удивляет конечно, что у него там Зельдмана не читают что ли? Дизайнер Артемий отменный, вот только приставку web убрать надо, а чашки у него классные. И скамейки.

По поводу разъяснять
Надо конечно, но грамотно и с поддержкой — ссылки на статьи и так далее. Но это же надо хотеть понять!

Mash:

1) У Артемия есть Имя и бабло. Он смеётся.
Мораль: не всякая страница без DOCTYPE бесполезна и смешна.

2) Если под словом «дизайнер» подразумевается «художник-декоратор» (сужу по словам «чашечки» и «скамейки»), то такой дизайнер и в Африке им останется. С приставкой или без.

Арт-директор. «Почуствуйте разницу» ©
И у него, как у директора, есть свои причины давать добро на инвалидный html.

3) >> Но это же надо хотеть понять!
Это нужно уметь донести.

7. ganges 12th December 2003 - 13:15

Ну так и у Зельдмана есть тоже и Имя и Бабло (с большой)
Смысл-то как раз и в том, чтобы серьезные люди дали импульс, а это могут сделать только Настоящие пацаны
Сдесь дело не в бабле, а в настоящем профессионализме. Прикол в том, что используя стандарты Тема мог -бы брать теже деньги за сопровождение за гораздо меньшие трудозатраты — это факт. А он этого не делает, потому что, скорее всего ему это по…. или он просто ламо как бизнесмэн, что врядли.

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

Арт директор
Вот в английском языке есть слово principal — такой умывальников начальник и мочалок командир —
лучше подходит. Аррт директор — должен контролировать направление дизайна и чтоб «все красиво и в кассу». а принципал — контролирует стратегию в том числе и внедрения проекта.

При всем моем искреннем уважении к «Самзнаешькому», человеку «сделавшему рунет» и так далее, ты что защищаешь позицию (теперешнюю) его компании?

Вот на мой взгляд конструктивная критика его продукции

1 Все сайты можно сказать «одинаковы», если не смотреть в код — то это не стиль, а шаблон.
2 Если смотреть в код — уровень 98 года, табличный дизайн, accessibility 0, в коде файлов бред и отсебятина верстальщика (нет это круто, конечно, безусловно, но надо в меру)
3 Это все делается за очень серьезные деньги заказчиков — , не кидалово, конечно, но так, с помощью имени разводит лошков, потму что люди, которые мало-мальски умеют считать деньги и хоть чуть-чуть понимают КАК работает Инетрнет и что для этого нужно, закажут сайт, скажем — тебе за сумму меньшую на порядок и ПОЛУЧАТ отдачу сопоставимую или даже превышающую ту, которую получают клиенты design.ru? Разве я не прав?

Наша проблема не как инженеров, а как коммерсантов в отсутствии PR технологий и имени. Это все наживное

выздоравливай
/.

Mash:

Я никого не защищаю. Мне интересно выслушать чьё-либо мнение о каком-либо вопросе. Для этого иногда подначиваю. ;)

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

--- --- --- ---

Designer:
1) художник-декоратор; модельер, дизайнер;
2) конструктор;
3) чертёжник.

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

--- --- --- ---

По поводу критики: об этом уже давно «широко известно в узких кругах». Причём всякая вещь в природе имеет свои достоинства и недостатки.

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

2. Некоторые даже считают, что Студия специально создаёт такие «шедевры», чтобы не растить полчища конкурентов. :)

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

3. Много ли людей, которые «понимают»?

Надуманный пример, близкий к реальности:
Фирма по производству [вырезано]. Офисных работников вместе с хозяином N<10 человек. Никто из них не читает на ночь стандарты XHTML/CSS/etc. Наиболее продвинутые знают о наличии синей буквы Е на рабочем столе и адресе какой-то поисковой системы в закладках (добрый человек при настройке модема внёс и показал). Программиста нанимали из фрилансеров для написания пары-тройки программ на плюсах (допустим, что он смог бы сверстать сайт в WYSIWYG и прикрутить гостевую книгу).

Хотя что это я? Кому как не тебе это лучше знать.

Да, может найтись какой-нибудь очкарик, который скажет: «Да вы охуенно переплачиваете!» Но почему-то Студия продолжает делать сайты и закрываться вроде не собирается.

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

И т.д. и т.п.

--- --- --- ---

Снижая трудозатраты за счёт перехода на написание более валидного кода, студия тратит средства, выбрасывая в мусорную корзину наработанные годами методы, приёмы, движки. Делать это нужно постепенно. Может быть скоро и «обрадуют», кто знает.

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

--- --- --- ---

>> выздоравливай
Спасибо. Как раз самый разгар.

PS. Я — за стандарты! :)

8. ganges 13th December 2003 - 15:22

Вот и я за стнадарты :) Так если хорошо подумать, а что мне или тебе этот Тема? Что он нам, мешает чтоли двигать их? Надо сделать сайтов штук по 20 стандартных :) И дальше как по маслу. Просто тупо коллекционировать их в своем портфолио, ах нет, их еще и сопровождать надо. Вот простейшая бизнес-модель — делаешь стандартный сайт (полностью валидный) и «оставляешь» за мелкую копейку у себя на сопровождении, берешь отзывы, публикуешь статьи по теме — все, по-моему просто — и все у нас получится. Самому, конечно, трудно с нуля, ну а кому счас легко? :)) Зато приятно, что чтение на ночь статей и спецификаций как-то будет отражаться на деньгах, в общем кто хочет тот добьется. Поле здесь работы непаханное.

На мой скромный взгляд самое прикольное то, что конкурировать это Тема с нами должен, а не мы с ним :)) Правда ведь чистая! Наши потенциальные клиенты — они ведь не темины. А когда наделаем сайтов приличных — пусть тогда посмеется :) Нет, правда, тема — совсем не проблема :)

9. Anton Mizinov 21st December 2003 - 15:26

Добрый день, господа веб-дизайнеры и без.
На днях один мой друг прислал мне занимательную ссылочку, да-да на эту самую страничку 8) Не знаю уж, какому критерию наша команда удовлетворила, что мы стали объектом столь пристального внимания, но если честно, то несмотря на критику мне приятно.
С вашего позволения, я озвучу несколько ответных реплик насчёт предложенной альтернативы.
Во-первых, неоправданное центрирование внутри блоков — вероятно простая недоработка, но непонятно почему же её не доработали.
Во-вторых, я рад, что вы так заботитесь о пользователях наладонников и иже с ними, но по-моему пользователей веб-броузеров пока что больше, а в нашей стране очень многие из них отключают отображение графики (представте себе 8). И что же они увидят в предложенном варианте? Посмотрите сами.
В-третьих, такие ярые приверженцы рекомендаций WWW Консорциума, а в предложенной альтернативе для меню используете DL/DT/DD. Эти теги существуют для других целей, здесь было бы гораздо оправданней использование списков UL/LI. Точно также «p» с классом «date» является всего лишь «заплаткой», ибо дата не может быть параграфом, стоило применить DIV. Ну и так далее.
В-четвёртых, пункт — xml:lang="en" lang="ru"; не соответствует действительности. Здесь вы маленько «приукрасили действительность».
В-пятых, по поводу вашего сайта — шрифт Georgia является serif-шрифтом (с засечками), а у вас он в одном ряду с Verdana, Arial и в качестве альтернативы указано семейство sans-serif (то бишь — рубленные шрифты).
Вцелом, ваше стремление меня радует, спасибо за внимание и рекомендации. Кстати, да информация на нашем сайте не соответствует действительности, за это просим извинения, но в данный момент мы работает в этом направлении и скоро сайты будут приведены в порядок (т. е. станут соответствовать стандартам).

Mash:

Давай на «ты», ок? А то как посылают. :)

>>неоправданное центрирование внутри блоков — вероятно простая недоработка, но непонятно почему же её не доработали.

Именно так было месяц назад (см. lang="ru" ниже).

>>очень многие из них отключают отображение графики (представте себе 8).

Я сижу на dial-up’е и давно пользуюсь Оперой. Про отключенную графику знаю не по наслышке.

Да, здесь «косяк». И пути решения этой проблемы существуют.

>>для меню используете DL/DT/DD.

Согласен. Это мелькало в одном из SimpleQuiz. Э-э-э… вот в этом. Сколько людей — столько и мнений. Раньше на imfo.ru конструкция DL/DT/DD применялась очень часто; привычка. Кстати, ты попал на очередную стадию вечного редизайна сайта. ;) Даже логотипа нет.

>>ибо дата не может быть параграфом

Ну… ставь div.

>>пункт xml:lang="en" lang="ru" не соответствует действительности.

Сейчас я уже просто не смогу оспорить это утверждение. Cache гугла показывает xml:lang="ru" lang="ru" (и текст по левому краю), archive.org молчит. Может быть кто-то изменил шаблон, а ты просто не в курсе? Я с потолка обычно ничего не беру. Если же всё-таки ошибся(?!), то приношу свои извинения.

>>по поводу вашего сайта

Ну, давай поговорим по поводу моего сайта.

Мне не нравится то, что подставляет Винда вместо отсутствующего шрифта Georgia. Можно писать альтернативные sans-serif таблицы стилей (здравствуй, IE. Тебе нужна переключалка? На тебе javascript, криворукий ты наш); можно пользоваться @font-face {src: url('..')} и грузить недостающий шрифт из сети (привет, посетители… куда же вы?); но только я думаю, что строка font-family: georgia, verdana, arial, sans-serif; подходит больше. Лично мне. Однако я думаю над этой проблемой.

Больше ты ничего не заметил? А как же width:expression()? :)

imfo.ru — обычная «ужасная домашняя страница», без надписей «сайт соответствует стандартам A, B, C, etc.» Хотя стремление к этому есть. Например, такое стремление.

Для меня webdev — хобби, для таких как ты — хлеб.

>>спасибо за внимание и рекомендации

Спасибо за твою критику и адекватное восприятие моей. Будет время и желание — переделаю «альтернативный» вариант.

>>На днях один мой друг прислал мне занимательную ссылочку

Textus.ru -> SpeSta (статистика посещений сайта, free, no MySQL). Рекомендую.

10. ganges 5th January 2004 - 16:37

Строка font-family: georgia,verdana,arial,serif; что называется «пефектли валид» — какие могут быть вопросы к этому?
Сначала — то что хочешь, джорджию, затем то, что есть скорее всего и потом уже для всех — санс. Я сам часто так делаю

По поводу отключенной графики
Если не делать графическими навигационные инструменты — то все будет отлично

Mash:

>> не делать графическими навигационные инструменты

С графикой вообще нужно быть аккуратнее и по возможности выносить в background-image все оформительские дела не только навигационных инструментов. Во всяком случае не захламлять код, как это обычно делают (img для каждого элемента, пусть даже 1x1px, да ещё какой-нибудь rollover на JavaScript. Нажмёшь Alt+F3 и полчаса умиляешься). Картинка (объект) — это картинка, графическое оформление — это графическое оформление.

>> font-family

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

Век живи, век учись, …всё равно дураком помрёшь. :)

11. ganges 6th January 2004 - 13:32

%) А я вот недавно понял, что валидатору вообще похрен названия шрифтов, — тестирую код на работе — все окей, приношу его домой — читаю таблицу стилей, а там название шрифтов (второго по счету) -aIal и ничего пропустило

Вообще-то это логично, он ведь «не знает» и не должен названия шрифтов, а вот sans и serif с орфографическими ошибками не пропустит

А какую спецификацию ты куришь, русскую или английскую?

12. Anton Mizinov 4th March 2004 - 12:13

Добрый день.
«Осуждённый» приведён в норму (Valid XHTML 1.0 Strict)
Наконец-то дошли руки, некоторые приёмы конечно спорны, но обошлись, как говориться «малой кровью».

Ждём «зачеркнутых апдэйтов» 8)

Теперь по поводу нареканий ganges:

>>Строка font-family: georgia,verdana,arial,serif; что называется «пефектли валид» — какие могут быть вопросы к этому?

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

>>Сначала — то что хочешь, джорджию, затем то, что есть скорее всего и потом уже для всех — санс. Я сам часто так делаю

Это не оправдание, если фирменный стиль компании говорит «рубленный», например, Arial, то применение гарнитур «с засечками» (какими бы красивыми они не были) — некорректно. Но я понимаю, что в данном случае никакого жёсткого стиля нет, поэтому «претензия снимается».

>>По поводу отключенной графики Если не делать графическими навигационные инструменты — то все будет отлично

А если сайтом пользоваться посредством голосового броузера, то вообще монитор не нужен. Такой подход не серьёзен. У иллюстраций стандартами заложено альтернативное отображение текстом, и оно прекрасно себя зарекомендовало.

За сим, откланиваюсь.

Mash:

Раздел «О компании»: target="_blank". Нет такого в XHTML1.0 Strict.

div.main {border: .1px solid #ffffff;} — опечатка?

Я не видел код всех страниц сайта, но в просмотренных мною класс "subscript" всегда идёт в связке с классом "date". Лучше записать .subscript small {color:#999;} или как-то ещё, исключив "date".

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

Но это всё мелочи и только моё личное мнение.

Nice work, как говорится. :)

О font-family: «Font, font-family. Убеждения».

Об отключенной графике: «Графика, меню и все-все-все». С моей точки зрения графика навигационных элементов не является иллюстрацией. Это «украшательства». Однако, если не извращаться, то альтернативный текст — не самое плохое решение.

Это был продуктивный диалог, спасибо.

13. Anton Mizinov 5th March 2004 - 21:12

>>Раздел «О компании»: target=«_blank». Нет такого в XHTML1.0 Strict.

>>div.main {border: .1px solid #ffffff;} — опечатка?

>>Я не видел код всех страниц сайта, но в просмотренных мною класс «subscript» всегда идёт в связке с классом «date». Лучше записать .subscript small {color:#999;} или как-то ещё, исключив «date».

Да, какие-то рудиментные атавизмы остались, исправим 8)

>>Это был продуктивный диалог, спасибо.

И тебе тоже, удачи.

Комментарии временно отключены.