Диалог: верстка и прогресс.

21 комментарий

Блочная верстка Этот пост не совсем обычный — большая его часть написана не мной. Эти мысли прислал мне Владимир «Bolzamo» Большаков, я их только немного откорректировал и добавил свои комментарии. Итак, читаем.

В наши дни web-разработка уже совсем не та, что была в 90-х, а еще через пару лет она изменится ещё больше. На дворе XXI век, и Web 2.0 принёс нам XHTML, Ajax, микроформаты, OpenID, RSS и прочие вкусности.
То, что раньше “лепилось вслепую”, теперь уже перерабатывается, проходит стандартизации и спецификации. Это касается и web-технологий, в частности — языков разметки и описания web-интерфейсов: HTML и CSS, о которых и пойдет речь.

Жилинский: А что 90-е? Я в ВГТУ получал сертификат по web-программированию в 2001 году — нам тогда давали PHP3 и говорили, что «некоторые веб-мастера уже иногда используют для верстки DIV-блоки с абсолютным позиционированием, но полностью сделать страницу на них невозможно.»

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

Будучи web-программистом, и ходя большей частью по сайтам таких же гиков и фанатов развития новых технологий, иногда начинаешь считать, что весь web красив и продвинут, что Web 2.0 прочно вошел в нашу жизнь, что красивый ненавязчивый дизайн (разработанный согласно требованиям юзабилити) и блочная семантическая верстка — это обыденность, это нормально…

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

Сколько их, этих ресурсов, построенных на табличной верстке, в коде которой сломаешь обе ноги, руку и голову? Чья кодировка — windows-1251, перенос строки формата — cr/lf, а у некоторых в еще и <META NAME=”Generator” CONTENT=”FrontPage 4.0″>…

Жилинский: Много. Очень много. Даже в корпоративном сегменте, не говоря уже про Юкоз, Народ и леса сателлитов...

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

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

Есть, конечно, и новые учебники. Полистал недавно парочку… Нашел в них перепечатку старых. Только версия FrontPage поменялась и добавилось пара глав о CSS и блочной верстке. Почему-то авторы этих учебников ни разу не задумываются о том, что, чтобы научить человека чему-то хорошему, надо для начала не учить его плохому.

Кто не согласен с тем, что табличная верстка — это плохо? Почитайте спецификацию: тег table предназначен для представления табличных данных, равно как микроскоп предназначен для изучения микроскопических объектов, а не для забивания гвоздей.

Как-то я разговорился на эту тему с одним программистом, который иногда зарабатывает созданием простеньких сайтов на заказ для местных организаций. Сайты делает просто удивительные: верстка табличная, картинки увесистые, скрипты самописные, ЧПУ даже и не пахло. На все мои увещевания, что это неправильно, что надо стремиться к лучшему, он просто ответил, что веб никогда не был и не будет правильным. Что HTML — это куча мусора, к которой добавили еще одну кучу мусора — CSS, и теперь пытаются присобачить третью кучу мусора, называя ее стандартами веб-разработки. Классная формулировка, которая для многих может показаться вполне резонным оправданием, чтобы продолжать забивать интернет этим самым мусором. А какая разница? Заказчик ничего в этом не смыслит, ему красиво — он доволен.

Жилинский: Да, я как-то тоже разговорился с таким специалистом и счастливым обладателем жуткого сайта. Остались при своих мнениях, кстати.

Вот так мы и находим основные факторы, убивающие мотивацию к дальнейшему развитию себя как web-разработчика, изучению технологий и стандартов:

1. Делаем, как привыкли. Уже научились верстать в таблицах, кажется очень сложным изучать все тонкости и хитросплетения CSS, вдумываться в структуру документа, воевать с багами IE, чтобы достичь кросс-браузерности. На самом деле, блочная верстка куда проще и логичнее, просто сначала стоит изучить вопрос.

2. Заказчику всё равно. Заказчик хочет отдать деньги и увидеть сайт, похожий на картинку, чтобы было очень красиво и иногда еще и понятно написано.

Жилинский: Кстати, полезное дело делает компания Opera Software — парни организуют семинары в городах СНГ в рамках программы поддержки высшего образования Opera Education Program. Прочитать об этом можно в их блоге.

Жилинский Владимир и Большаков «Bolzamo» Владимир



Учим друзей искать самостоятельно.

11 комментариев

Нашёл забавнейший ресурс — LetMeGoogleThatForYou.com. «Этот сайт создан для людей, которые считают, что лучше побеспокоить вас своими вопросами, нежели самим поискать ответ в Google

Давай я поищу в Google вместо тебя

Принцип использования такой:

  • 1. Ваш друг спрашивает, например, по ICQ, что означает «STFU».
  • 2. Переходите на этот сайт, вводите запрос «STFU» и нажимаете кнопку «Поиск в Google».
  • 3. Полученную ссылку отправляете другу.
  • 4. Он откроет ссылку и получит не только результат поиска, но и короткий скриптовый ролик на тему того, как этот результат можно было получить самостоятельно с помощью Google.

Вот так — и забавно, и познавательно, я считаю.

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир



Планы на следующий год.

19 комментариев

С наступающим =)Блогеры затеяли предновогоднюю эстафету, которая на этот раз немного попала на мою волну, так что присоединяюсь. Принимаю факел от X-demon и рассказываю, чего бы мне хотелось в следующем, 2009-м году. Заранее передам эстафету Диме Волотко и Евгению Че.

Сначала, наверное, стоит вспомнить, что произошло за пока ещё этот, 2008-й год.

Число читателей этого блога выросло с 600 до 1700, то есть почти в 3 раза. Блог прошёл через полный редизайн и смену версий WordPress не помню уже с какой до 2.7. Я прошёл через системное администрирование, рекламу в интернете, SEO, PHP-кодинг, популяризацию социальной сети и переезд в Москву, запись первого подкаста и видео-ролика.

Благодаря этим компаниям блог стал самоокупающимся хобби, а все рекламные площадки на нём оказались использованы. Увеличивать количество рекламы я не буду — и так, по-моему, многовато.

Чего бы мне хотелось в 2009-м – вопрос интересный. Мои желания обычно транслируются напрямую в планы, стратегии и методы. Для себя я хочу:

  • Очень большую зарплату
  • Спокойную работу
  • Публичного сжигания всего ПО от компании 1С
  • Жить в центре Москвы
  • Мотоцикл (на машине тут не проедешь – пробки) и права

В общем, стабильности хочется — приключений-то я всегда найду. Для блога я хочу:

  • Увеличения числа подписчиков до 3000
  • Ещё один редизайн (с учётом новых возможностей WordPress)
  • Публичного сжигания всех спамеров
  • Успешного освоения новых форматов — подкастов, видео-блогинга
  • Хочу чтобы в WordPress добавили кросс-авторизацию
  • Хочу подняться в ТОП ЯППБ до 30-го места, например (сейчас 47)

Кстати, поздравляю с наступающим всех читателей, желаю нескучно отметить эти праздники. Мы с друзьями решили собраться в маленьком домике в лесу в зоне полного отсутствия связи и цивилизации и отметить там праздники с ёлкой, лыжами и дуракавалянием. Уже скоро маленький 30-местный самолётик отправит нас в самую глушь.

Реклама: сервис продажи прокси серверов.

Жилинский Владимир



BestPersons – новый сервис, новые лица.

13 комментариев

BestPersonsСоциальный сервис BestPersons.ru выпустил новую версию своего сервиса, которую давно обещал.

Этот сервис, напомню, ставит перед собой задачу объединения популярных социальных сетей и предоставления людям полезных web 2.0 сервисов. Иными словами, в свой профиль на BestPersons можно добавить все свои профили в социальных сетях и сервисах и агрегировать свой контент и контент своих друзей на одной площадке, что довольно удобно.

По поводу выхода обновлённого сервиса мы устроили ему небольшое, но плотное usability-тестирование, а потом записали промо-видео.

Участвовали в этом:

Спасибо парням из BestPersons за то, что упрямо продолжают работать над проектом – на мой взгляд, это один из важнейших критериев успеха. Ну и за то, что они такие классные сами по себе :-)

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир



Немного новостей.

12 комментариев

WordPress 2.7Начну с новостей, пожалуй, а потом закончу вдумчивый пост про блогосферу. Главная новость для блогеров за последнюю неделю очевидна — вышел долгожданный WordPress 2.7. Его уже можно скачать с официального сайта или (как я) использовать уже обработанную напильником версию.

У меня обновление прошло в штатном режиме, глюков замечено не было. Надо бы теперь перебрать шаблон с целью включения древовидных комментариев. Теперь движок их поддерживает официально, решив таким образом одну из глобальных, на мой взгляд, проблем WP. На счёт второй проблемы, кажется, тоже есть какие-то подвижки: плагины OpenID и XRDS-Simple в связке начали более-менее работать. А особенно порадовало то, что WordPress после обновления начал грамотно работать с заголовками отправляемых писем в UTF-8 на русском. Давно пора было.

Новость вторая: в поисках новых идей и форматов мы с друзьями обратили внимание на подкасты и решили попробовать себя в этом нелёгком, но весьма интересном деле.

Подкастинг (англ. podcasting, от iPod и англ. broadcasting — повсеместное, широкоформатное вещание) — процесс создания и распространения звуковых или видео-передач (подкастов) в интернете (обычно в формате MP3 или Ogg/Vorbis).

Подкаст: 3 холостяка — с четверга на пятницу Мы собрались в кафе на Лубянке и записали первый пробный подкаст

«Три холостяка: с четверга на пятницу». Участвовали:

Поговорить успели о партнёрских программах, клиент-ориентированности, 1С и Битрикс, Конституции РФ, и закончили подкаст темой о взаимоотношениях мужчин и женщин в Москве. Кстати, судя по некоторым отзывам, именно последняя тема оказалась наиболее интересной.

если кто-то посоветует какой лучше использовать микрофон — будем очень признательны, так как этот дал ощутимо недостаточное качество записи.

Реклама: сервис продажи прокси серверов.

Жилинский Владимир



Книга “Дизайн пользовательского интерфейса”.

16 комментариев

Головач — книга Дизайн пользовательского интерфейсаВсем, интересующимся дизайном и юзабилити, представляю книгу Влада Головача “Дизайн пользовательского интерфеса2: Искусство мыть слона“.

Книга существует только в электронном виде в формате PDF и распространяется автором бесплатно. В ней около 100 страниц и читается она за один-два вечера.

Для изложения материала автор выбрал довольно оригинальный стиль — нечто среднее между книгой и презентацией. Каждая страница помещается на экране полностью и содержит, в основном, чёткие тезисы без подробных инструкций. Пожалуй, так действительно удобнее воспринимать информацию с экрана (но только не с экрана мобильного устроства в случае этой книги).

Вот что пишет о книге сам автор:

Существует довольно много людей, предпочитающих книги, в которых всё расписано до мелочей (желательно, чтобы последняя глава называлась «Полная Инструкция для Работы, в Которой Есть Всё и Которую Можно Прочесть и Дальше Совершенно Не Думать Головой»). Эта книга, мягко говоря, не такая.

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

Скачать книгу или найти контакты автора можно на сайте этой книги.


Да, чуть не забыл. Читайте свежее интервью со мной от 7Bloggers.ru про то, с чего начинался этот блог, зачем я езжу на IT-конференции, чем я сейчас занимаюсь и почему блог — это не способ заработка.

Реклама: сервис продажи прокси серверов.

Жилинский Владимир



Бегун: Контекстная реклама в интернете.

17 комментариев

Бегун - книга Контекстная реклама в интернетеМеня недавно порадовали хорошим подарком — мне досталась новенькая книга «Контекстная реклама в Интернете: Настольная книга рекламиста», написанная не без участия компании Бегун.

В дополнение к книге авторы создали специальный раздел на своём сайте, логически продолжающий книгу (кстати, а что там с CSS такое жуткое местами?) и готовят бесплатный специализированный семинар, посвященный эффективному размещению контекстной рекламы на различных типах сайтов. Семинар пройдёт в Москве 10 декабря, для его посещения достаточно там зарегистрироваться.

Перед тем как это написать, я целую неделю внимательно читал книгу, пытаясь сформулировать правильное мнение о её содержании. В книге рассказывается об истории контекстной рекламы, о её текущем состоянии, плюсах и минусах, и о её предположительном будущем. Радует то, что в книге есть собственные исследования АЦ ЗАО «Бегун», в том числе и свежие — за последние месяцы.

Книга читается как интересный рассказ — она не пытается что-либо навязать или продать, она описывает историю, возможности, плюсы и минусы. Есть даже подробное сравнение маркетингового эффекта SEO и PPC-кампаний и рекомендация по возможности использовать их одновременно. Приводятся примеры удачных и неудачных РК, разбираются типичные ошибки.

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


Кстати, про SEO. Продолжает развиваться SEO-сервис компании Ingate — RE-ACTOR. На днях они выложили серию обучающих видео-материалов, а 28-го января организуют семинар для SEO-специалистов (будет проходить тоже в Москве).

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир



Исторический фотоархив LIFE на Google.

8 комментариев

Google договорился с журналом LIFE и оцифровал его исторический оффлайн-фотоархив с 1750-го года — это миллионы фотографий, ранее в сети не существовавших. Фотографии выложены в свободном доступе, а так же доступны при поиске по изображением в Google. Можно искать только по этому архиву, используя уточнение source:life.

Теперь можно увидеть, как выглядело программирование под MAC в 1966-м году.

Google LIFE

Источник.

А для тех, кто интересуется политикой или историей, могут показаться интересными, например фотографии Гагарина, Николая II, или Ленина.

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир



LiveStreet 0.2: свой собственный Хабр.

18 комментариев

LiveStreet CMSНекоторое время назад в сети появился устойчивый термин “user generated content”, который все долго и упорно связывали с более абстрактным понятием “Web 2.0”. Суть его, как вы скорее всего знаете, в том, что содержимое сайта создаётся и управляется самими пользователями.

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

Именно эту проблему, скорее всего, хочет исправить автор бесплатного движка социального сервиса LiveStreet.

Этот движок написан на PHP5 и использует в качестве хранения данных базу данных MySQL. Внутреняя архитектура построена на принципе MVC (модель-вид-контроллер), естественно, с применением ООП.

C точки зрения пользователей, LiveStreet предоставляет следующие возможности:

  • Полная поддержка кодировки UTF-8
  • Ведение персональных блогов
  • Возможность создания коллективных блогов
  • Система рейтингов блогов, топиков, комментариев, пользователей
  • Система голосования за блоги, топики, комментарии, пользователей
  • Возможность добавлять топики в избранное
  • Автоподстановка тегов
  • Коллективная внутренняя почта
  • Система контроля доступа(ACL) к различным возможностям сети
  • Система инвайтов
  • Топики-ссылки
  • Топики-опросы
  • Администрирование своих блогов
  • Назначение модераторов блогов
  • Настройки оповещений на e-mail.

Иными словами, движок предоставляет основные возможности для создания своего социального сервиса на основе блогов по модели Хабрахабра.

Для установки LiveStreet необходим хостинг со следующими возможностями: PHP5 +mbstring, MySQL 5, Apache (httpd) +mod_rewrite.

Большинство современных хостингов удовлетворяют этим требованиям.

Кстати, новость: московский хостинг-провайдер Majordomo ввёл новую услугу, о которой я их просил - VPS. Стоимость не самая низкая, но качество у них на высоте. Этот хостинг действительно может выдержать социальную сеть, если вы понимаете о чём я =)

Процесс установки LiveStreet:

  • 1. Скачать исходник LiveStreet.
  • 2. Разархивировать полученный архив на свой хостинг
  • 3. Создать базу данных и залить в неё SQL дамп sql.sql
  • 4. Настроить параметры соединения с базой данных в config/config.db.php
  • 5. Настроить параметры в config/config.php
  • 6. Дать права 777 каталогам logs, uploads, templates\compiled, templates\cache и каталогу для хранения временных файлов tmp

По умолчанию в системе создается администратор admin с паролем admin. Ответы на большинство вопросов по использованию движка LiveStreet можно найти на сайте проекта.

Реклама: прокси-листы на продажу от Proxy server.

Жилинский Владимир



Спаси себя от кризиса. Иди работай.

14 комментариев

Просто физически не могу не помочь замечательному человеку, занимающемуся популяризацией рекомендательного сервиса для поиска работы Gooroo.ru, одного из немногих, кстати, стартапов, в которых чувствуется уверенная рука маркетолога.

Вчера они выпустили в сеть свой новый ролик о том, что такое финансовый кризис. Кстати, в их первом ролике, снятом на iCamp 2008, был и я. новый ролик, как и кризис, довольно жёсткий, так что нервным пенсионерам и беременным детям от просмотра лучше воздержаться. Остальным — смотреть, смеяться.

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

Реклама: прокси-листы на продажу - Proxy server.

Жилинский Владимир




© 2007-2010 Блог интернет-разработчика, автор — Zhilinsky.ru.
При использовании информации ссылка на источник обязательна.