Яндекс.Субботник
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, что позволит удобно следить за внесёнными изменениями.
Коробка с cюрпризами
7 ноября 2008Сначала мы боялись, потом вроде взяли себя в руки, приняв происходящее за простые и понятные фокусы. Сегодня пришло время удивляться снова — фокусы IE8 с переключением режимов рендеринга оказались хитрее, чем казалось поначалу. Что же мы знаем про магическую директиву X-UA-Compatible?
- Эта директива в виде элемента
<meta>должна присутствовать в документе. - В ней должно быть указано одно из двух типов значений:
IE=x, гдеx— это обозначение желаемой версии движка или специальное ключевое словоEmulateIE7. - …и, в общем-то, всё.
Давайте проверим, скормив IE8 простой документ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><title>IE=x</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=x"/><style type="text/css">BODY[class*='page'] {background:#090; /* IE8 и прочие современные */}*:first-child+HTML .page {background:#FC0; /* IE7, исключительно */}* HTML .page {background:#C00; /* IE6 и младше */}</style></head><body class="page"></body></html>
Zen Coding 1.1
6 ноября 2008Первая порция исправлений ошибок и некоторых новых возможностей пакетов Zen CSS и Zen HTML для TextMate:
Итак, список изменений: