UGgallery

В субботу в Питере прошла Третья встреча Web Standards Group Россия. Было 70 человек участников, включая организаторов. То есть смогло прийти больше половины приславших заявки. Это фурор!

Мне понравилось. Доклады были интересные. Народ слушал внимательно, почти никто не ушел до самого конца. Я получил интересный опыт организации встреч. Есть над чем работать.

Может быть не получилось неформальное общение. Обстановка была солидная: хороший просторный зал, доклады, ноль литров пива :) А перенести такую толпу из одного места в другое для неформалки сложно. Будем думать. Встреча ведь не последняя.

Велась фото-видео-сеъемка. Скоро планируем выложить.

Забавное наглядное пособие для тех, кто начинает изучать CSS сделал один бразильский товарищ: CSS Sandbox

Вверху окна блок текста, внизу — CSS-свойства. Щелкаем мышкой по разным свойствам, наблюдаем как они применяются к блоку текста. Красным отмечены текущие свойства.

Имеет один недостаток: полностью работает только в Опере. В IE 6 – частично (браузер, естественно, не все свойства отображает). В Firefox 1.5 и Safari 3, к сожалению, вообще не работает. В других не смотрел.

Я уже писал о том, что считаю создание специальных мобильных версий сайтов делом бессмысленным и вредным. Вчера появилось еще одно подтверждение. Хотя и противоречивое. Далее »

На webdev.lovata.com опубликована хорошая подборка материалов для начинающих фронтенд-разработчиков. Для верстальщиков, то есть.

Представлены и коротко описаны книги классиков верстки по-стандартам, изданные на русском. Даны ссылки на главные русско- и англоязычные ресурсы по верстке.

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

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

Сохраню закладку — пригодится для начинающих.

Сделал страницу Об авторе. То есть, о себе. В общем, там все написано, добавить пока нечего. Позже будет фотография.

Агат инициировал обмен мнениями по вопросу именования стандартных блоков. Надеюсь народ не будет спать, тогда может получиться интересная дискуссия, полезная для всех. Далее »

К моему большому удовольствию, эксперимент с публикацией популярных запросов был поддержан. Кроме запросов с моего сайта теперь можно посмотреть запросы с сайтов The Webmakers Lounge и Свобода слова вебмастерского.

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

Букмарклет Syncotype помогает выравнивать текст по сетке с единым вертикальным шагом. То, что я по-нашему, по-простецки, называю интерлиньяжной сеткой. Syncotype нарисует эту сетку вам на любой странице.

Перетащите ссылку на панель браузера:

Syncotype

Жмете на ссылку. Редактируете шаг и смещение сетки, если нужно. Жмете на “Syncotype It!” — и готово!

• Демо-страница Syncotype
• Запись в блоге автора (на англ.)

Поддерживаются браузеры:

• Safari 2, 3
• IE 7
• Firefox 1.5+
• Opera 8+

Для работы, букмарклет подгружает внешний скрипт. В офлайне, наверное, работать не будет.

Вспомнился скрипт Виталия Харисова для рисования сетки из вертикальных направляющих поверх страницы.

Для Оперы есть похожий инструмент: виджет easyGRID!. А во фреймворке Blueprint, например, для того же самого используется обычная графический файл, который, при изменении шага сетки, нужно переделывать в графическом редакторе.

Blueprint — модный фреймворк (он же — шаблон) с уклоном в типографику и минимализм.

Главная особенность — выравнивание элементов по сетке (или “сеткам?). Используется модульная сетка с вертикальными модулями, и сетка с шагом равным межстрочному расстоянию основного текста (т. е. “интерлиньяж абзацев”). Про себя, последнюю сетку я называю “интерлиньяжной”. Не знаю как это будет правильно. Пока не нашел в литературе никакого термина.

Собственно, достаточно посмотреть на демо-сайт Blueprint-a чтобы понять основы. Сетки оставлены видимыми.

Еще из модных фишек, бросившихся в глаза, реализована “висячая” пунктуация (кавычки).

Интересный фреймворк. Достоин изучения.

В блоге, где я увидел ссылку на этот фреймворк, в комментариях народ пенял на то, что мол размеры шрифтов заданы в пикселях. Так вот по моему это не баг, а фича. При использовании “интерлиньяжной” сетки, настраивать шрифты проще в пикселях — чтобы всегда попадать в сетку. А потом пиксели можно быстренько перевести в относительные единицы.

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

Естественно нужно было решить: ставить или нет alt-текст. А картинки были — просто для красоты. Не понятно к чему их отнести: к оформлению или к контенту? На обычное оформление картинки не были похожи, содержательности в них тоже не было никакой. При отключении-включении отображения картинок, контент ничего не терял и не приобретал в содержательной своей части. Если это контент, то как его описать? Просто “дорога” или просто “клумба”?

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