HTML/CSS Evangelist

Размышления на тему HTML верстки

Вчера наткнулся на статью Сергея Чикуёнка – «Почему сайты на флэше — это плохо«. Мысль Сергея понятна и я ее абсолютно поддерживаю, однако меня обеспокоила одна из причин, по которой Сергей считает  флэш – злом. Суть ее в том, что злые админы крупных (и не очень) компаний блокируют flash на уровне корпоративного файервола, что доставляет не мало хлопот веб разработчикам. На этот счет у меня есть идея с которой я бы и хотел поделиться с общественностью.

Читать далее »

Очередная порция обновлений:
- добавил <meta http-equiv="X-UA-COMPATIBLE" content="IE=EmulateIE8" />
- исправил некоторые грамматические ошибки в комментариях
- использовал Улучшеный #js-метод от Виталия Харисова для определения отключенного javascript у клиента, теперь при включенном js тегу html присваивается id = «js», при выключенном он имеет id = «nojs»

скачать можно на странице проекта

На прошлой неделе Вадим Макишвили в своем блоге рассказал про интересную IDE для верстальщиков WebIDE.

Мне она понравилась и я решил попробовать верстать в  ней, однако отсутствие каких-либо live templates (LT) в коробке меня огорчило и было принято волевое решение перенести Zen Coding на эту платформу.

Что из этого вышло вы можете посмотреть сами.

Качаем архив, распаковываем в:

MacOS: ~/Library/Preferences/WebIDE10/templates
Win: User\YouName\.WebIde10\config\templates\

На данный момент перенесен Zen HTML

В планах:

• перенести Zen CSS
• добавить возможность оборачивать текст в теги

Сейчас активно ведется работа над моим первым проектом – Русская документация по jQuery. Долго думал начать что-то свое и решил вот с такого  информативного сайта. Цель его проста- перевести на русский язык всю документацию по jQuery :)

Читать далее »

Обновился замечательный скрипт SwfObject.

Работаю с ним довольно тесно, всегда исключительно положительные впечатления.

Более подробно на оф. сайте  http://code.google.com/p/swfobject/wiki/whats_new

Очередное обновление:

• использованы новые комментарии для подключения стилей для ИЕ 7 и ниже <!–[if lte IE 7]><link href=»css/ie.css» type=»text/css» rel=»stylesheet» media=»all» /><![endif]–>
• в generic.css добавлены комментарии для быстрого сброса стилей некоторых элементов, например: /* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: «»;} */
• у нас появилось Группа в Google

Уже несколько недель у меня на домашнем компьютере перестал работать Google Talk в Gmail. Несколько раз я пытался разобраться в проблеме, но безуспешно. Но вот сегодня я решил эту проблему :) Читать далее »

Вчера получил от дизайнера psd-файл (вообще, мне часто приходится иметь дело с «псдшками» – я ведь с ними работаю). Но, вчера дело было не совсем обычным :) Нестандартность ситуации заключалась в приёме сжатия файла – в нем были отключены все слои.

Честно говоря, я впервые встретил именно такой способ уменьшения размера psd-фалов , хотя на Хабре он упоминался. Ранее мне были известны некоторые иные методики сжатия psd, о которых я и хочу рассказать Вам сегодня. Читать далее »

После некоторой паузы были внесены очередные обновления в m5 css framework. На этот раз основные изменения касаются форм.

По порядку:

• Обновилась версия jQuery – теперь автоматически подключается последняя версия из ветки 1.3
• изменились отступы для форм
• немного поработал с checkbox и radio
• Исходные коды теперь доступны и через Google Code
  
• Добавился новый класс m5formsNormalize применять надо для input[text,password], select, textarea. При использовании этого класса все формы становятся одинаковой ширины (саму ширину формам надо будет указать  предварительно через css, пока желательно в пикселях, в скором времени будут поддерживаться и проценты, точнее они поддерживаются, только не пересчитываются при изменении размера окна :-) ). Что б понять проблему с которой я боролся, прикреплю картинку, полностью ее описывающую.

Третье, и пожалуй, самое существенное обновление m5 css framework

1. Изменено поведение курсора при наведении на input
2. Для select в FF3 справа появился отступ, исправлено
3. Полностью пересмотрен reset.css, за основу взят ластик от Эрика Майера. Моя доработка заключается лишь в том, что все стили для тега font наследуются от родителя, соответственно работать структура вида <font size=»5″ color=»red»>TEXT</font> не будет – отучаем клиентов от вредных привычек :)
4. Полностью перестроен print.css – многое взято с Hartija

Не смотря на то, что переделано два модуля, обратная совместимость сохранена :)

p.s. Отдельное спасибо Вадиму Макееву за дельные советы и отличный доклад.