Яндекс.Субботник

24 декабря 2008

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

Основа программы — доклады суровых крымских специалистов по клиентской разработке: Виталия Харисова, Вадима и Наталии Макишвили. Далее следуют доклады из не менее суровой северной столицы: Евгения Фирсова с деплойментом вёрстки и ваш покорный слуга с… да, «с ножом против паровоза». Ну и конечно первое публичное выступление по API Яндекс.Карт от Фёдора Голубева.

Есть только одна грустная новость — интерес к мероприятию оказался настролько высок, что регистрация была закрыта уже на следующий день. Столовая Яндекса, как ни странно, оказалась не резиновой.

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

А для тех, кому всё-таки повезло, предлагаю свою версию программы выступления, которую можно удобно распечатать: Яндекс.Субботник — Программа.

Даркбокс

20 ноября 2008

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

И вроде решений для этого написано уйма — бери, да используй. Но вот беда — все они сделаны по принципу «plug-n-play», мол подключай и не парься. В итоге эти решения снабжены всевозможными фичами, которые позволяют открывать окошки с любым содержимым, передвигаться по галерее при помощи клавиатурных сокращений и многое-многое другое. Классно, ведь! Нет? Ну, не совсем — в итоге код такого плагина распухает от всех этих возможностей, которыми никто не будет пользоваться, и непонятных HTML-шаблонов, содержащих сомнительный код — и тут же стили к нему. А это это уже не слишком классно…

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

Начиналось всё с простых, но очень правильных принципов:

  • Данные, т.е. картинка, — в HTML
  • Оформление — в CSS
  • Динамика — в JS, с полной обратной совместимостью

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

Даркбокс — пример работы, весь код в одном файле.

Читать дальше…

Zen Coding 1.2

15 ноября 2008

Очередная порция исправлений ошибок, новых возможностей и прочих приятных изменений пакетов Zen CSS и Zen HTML, а также новый способ их распространения.

Главное изменение связано с открытием филиала проекта на Google Code — Zen Coding. Теперь следить за появлением новых версий станет проще, а получить их можно будет двумя способами: по старинке — скачав и распаковав архив, либо при помощи svn, что позволит удобно следить за внесёнными изменениями.

Читать дальше…

Сначала мы боялись, потом вроде взяли себя в руки, приняв происходящее за простые и понятные фокусы. Сегодня пришло время удивляться снова — фокусы IE8 с переключением режимов рендеринга оказались хитрее, чем казалось поначалу. Что же мы знаем про магическую директиву X-UA-Compatible?

  • Эта директива в виде элемента <meta> должна присутствовать в документе.
  • В ней должно быть указано одно из двух типов значений: IE=x, где x — это обозначение желаемой версии движка или специальное ключевое слово EmulateIE7.
  • …и, в общем-то, всё.

Давайте проверим, скормив IE8 простой документ:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
  4. <head>
  5. <title>IE=x</title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=x"/>
  8. <style type="text/css">
  9. BODY[class*='page'] {
  10. background:#090; /* IE8 и прочие современные */
  11. }
  12. *:first-child+HTML .page {
  13. background:#FC0; /* IE7, исключительно */
  14. }
  15. * HTML .page {
  16. background:#C00; /* IE6 и младше */
  17. }
  18. </style>
  19. </head>
  20. <body class="page"></body>
  21. </html>

Читать дальше…

Zen Coding 1.1

6 ноября 2008

Первая порция исправлений ошибок и некоторых новых возможностей пакетов Zen CSS и Zen HTML для TextMate:

  • Zen HTML, версия 1.1 (zip, 100 КБ)
  • Zen CSS, версия 1.1 (zip, 144 КБ)

Итак, список изменений:

Читать дальше…