Incub.ru. Опираясь на стандарты
С 1 января 2003 года мы осуществляем реализацию проектов, опираясь на стандарты языка разметки гипертекста XHTML и стилевых спецификаций CSS. Мы гарантируем полноценную работоспособность проектов в любых броузерах версий 5+, а также во всех версиях броузера Mozilla.
Научно-производственный центр «ТЭК-Инжиниринг» — самая свежая работа в портфолио (XHTML 1.0, CSS 2).
Validation Results: This page is not Valid XHTML 1.0 Transitional!
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)
>>Это был продуктивный диалог, спасибо.
И тебе тоже, удачи.