Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Приглашаем на бесплатный марафон по вёрстке

Блог компании HTML Academy Веб-дизайн *CSS *HTML *Учебный процесс в IT

С 12 августа по 15 сентября HTML Academy проводит бесплатный марафон по вёрстке сайтов. Тут есть сразу много плюсов. Во-первых, он бесплатный. Во-вторых, вы научитесь верстать сайты. Или станете верстать их ещё лучше.

Зачем участвовать: научитесь верстать, сверстаете целый всамделишный макет и сможете выиграть бесплатное обучение на курсе «HTML и CSS. Профессиональная вёрстка сайтов».

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

Кому подойдёт: новичкам, продолжающим, и тем, кто не может учиться без мотивации.

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 1.5K
Комментарии 2

Вёрстка в облаке меток

Habr
Вот здесь

Вглядывался-вглядывался и увидел, что левая часть плашки отличается от правой. В правой в сверху и снизу в углах находятся несколько белых пикселей. И так в ff2/ie6/ie7.
Это дизайнерская замута такая, или всё-таки баг?
В остальных аналогичных плашках в других разделах я такого не нашёл.
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 618
Комментарии 5

О том, как свёрстан «Хабрахабр»

Чулан
Ну почему, чёрт возьми, такая красивая внешняя оболочка имеет такое полупрофессиональное содержимое?

Штуки вроде

<div class=«blog_headline»>Заголовок</div>


удручают меня, как верстальщика.

Зачем все эти

<p style=«clear: left;»></p>
?

А это?

Валидатор о habrahabr.ru
Всего голосов 18: ↑13 и ↓5 +8
Просмотры 359
Комментарии 64

Коротко об дизайн-макетах, удобных XHTML-верстальщику

Чулан
Заказчик прислал 14-мегабайтный PSD-файл, содержащий макет всего одной вебстраницы. Открыв его, обнаружил изрядный бардак в структуре: куча из скрытых слоёв, групп, поименованных абы как, каких-то продублированных несколько раз одинаковых слоёв и т.п. С грехом пополам разобрался, что к чему, сверстал. А потом выяснилось, что кое-что было забыто (я просто не смог увидеть это «кое-что»).

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

UPD: Хабралюди, не превращайте, пожалуйста, комментарии в арену для священных войн.

Читать дальше →
Всего голосов 39: ↑34 и ↓5 +29
Просмотры 677
Комментарии 89

Стоимость XHTML+CSS-вёрстки там, за бугром

Чулан
Есть у меня любимый сайт, «Digital-web.com», который хорош ещё и тем, что на его страницах рекламируются интересные мне сетевые «конторы». Среди них есть и объект моего сегодняшнего пристального внимания — «PSD2HTML.com». Фирма занимается тем, что воплощает в XHTML+CSS-коде присланные клиентом макеты. 8 рабочих часов на вёрстку макета, как заявлено.

Мне понравилась раскладка стоимости за вёрстку одного макета. Не могу не рассказать об этом (не сочтите за рекламу).

Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 1.7K
Комментарии 40

Плюшками балуемся

Чулан
А мы тут плюшками балуемся. «Хабр», раздел «Работа» (главная, резюме, подраздел). XHTML+CSS. Пробуем, переделываем, снова пробуем. Эдакая разминка для мозга, знаете ли.

Заново написан весь код, внешний вид сохранён по мере возможности. Обкатываем повторяющиеся элементы, встречающиеся так же и в других страницах «Хабра» (например, блочок с кармометром, листалка).

Шрифты масштабируемы теперь и в IE тоже, код довольно легковесен, люб валидатору, ну и всё в таком духе.
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 420
Комментарии 23

Плюшками балуемся. Часть 2

Чулан
Продолжаем заниматься любимым делом Карлсона.

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

CSS рулят, друзья мои.

Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 307
Комментарии 31

Ответ на «15 преимуществ» XHTML и 2 вопроса к читателям

Чулан
Для горячих голов: сразу остыньте. Я за стандарты и верстаю валидно. Но я за стандарты совсем не по той же причине, что и вы. Не нравится — проходите мимо, дальше не читайте. Адекватным людям:
Читать дальше →
Всего голосов 19: ↑10 и ↓9 +1
Просмотры 939
Комментарии 135

Есть ли решение главной проблемы блочной верстки?

Чулан
Знает ли кто-нибудь, как сделать, чтобы при блочной верстке колонки не наезжали друг на друга при сужении окна, а появлялась горизонтальная полоса прокрутки, как при табличной?
Всего голосов 13: ↑7 и ↓6 +1
Просмотры 2K
Комментарии 64

Jevix

Чулан


Jevix — средство автоматического применения правил набора текстов, наделённое способностью унифицировать разметку HTML/XML документов.

Исходный код открыт для свободного использования.
Всего голосов 6: ↑2 и ↓4 -2
Просмотры 283
Комментарии 2

Семинар «Семантическая вёрстка» 18 мая, Москва

Разработка веб-сайтов *
18 мая в конференц-зале «Экстрополис» пройдёт семинар под названием «Семантическая вёрстка», который продолжит серию обучающих семинаров под эгидой прошедшей в апреле конференции РИТ-2007. Проведут семинар докладчики секции «Клиентское программирование»:
  • Вадим Макеев (ваш покорный слуга, он же pepelsbey, автор блога http://pepelsbey.net, автор доклада «CSS-менеджмент» на РИТ-2007, участник WSG-Russia)
  • Алексей Рыбаков (он же flack, автор блога http://flack.ru, автор нашумевшего доклада «Тестирование верстки» на РИТ-2007, участник WSG-Russia)
Читать дальше →
Всего голосов 33: ↑27 и ↓6 +21
Просмотры 1.7K
Комментарии 33

Разрешение экрана. Мысли вслух

Чулан
screenВзглянул я недавно на глобальную статистику разрешений экранов и удивился. Еще в Январе 2007 количество пользователей с разрешением экрана 800х600 колебалось на отметке 15-17 процентов, а на данный момент всего 6-9 процентов.
"- А ведь это о чем то да говорит" — подумал я и начал прикидывать подсчеты в уме. Если меньше чем за полгода количество людей с маленьким… ээ… экраном уменьшилось на 10 процентов, то к концу года они вобще почти пропадут! (Экраны, не люди :) )
Да и сама по себе цифра 6-7 процентов уже является незначительной. Приблизительно столько же пользователей не используют Javascript.

graph
Читать дальше →
Всего голосов 17: ↑15 и ↓2 +13
Просмотры 816
Комментарии 88

Кому есть дело до браузерных глюков?

Чулан
Встретил такой комментарий:

На мой взгляд более корректным решением, чем хаки css является только прямое следование стандартам и отказ от поддержки ошибок IE.
Читать дальше →
Всего голосов 22: ↑7 и ↓15 -8
Просмотры 178
Комментарии 7

CSS Bugs. Ошибки, возникающие при верстке

CSS *

1. Удвоение полей у плавающих (float) блоках в IE 5-6


Проблема: мы очень часто используем поля (margin) и не реже их применяем к блокам со свойством float, ожидая нужный результат, можно сильно удивиться, когда IE вдруг сдвинет наш блок на большее расстояние, чем предполагалось. Конкретно: ошибка левого поля (margin-left) – при свойстве float c параметром left, ошибка правого поля (margin-right) – при свойстве float c параметром right.

#FloatBlock
{
background-color:#ccc;
width:200px;
height:100px;
float:left;
margin-left:50px;
}


Ожидаемый результат (корректный):
Ожидаемый результат

Какой же результат мы видим в IE (некорректный):
Читать дальше →
Всего голосов 14: ↑9 и ↓5 +4
Просмотры 2.4K
Комментарии 43

Главная страница

Habr
На новом хабре на главной появился косяк. И если пользователи Фаерфокса и Оперы не сильно пострадали, то с ie совсем отдельный разговор.

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

Посмотреть на косяки
Всего голосов 6: ↑4 и ↓2 +2
Просмотры 588
Комментарии 9

Два в одном: баг в топе пользователей + баг в вёрстке

Habr
Расскажу по порядку.

Баг номер один:

Зашёл я нынче в топ блогов и посмотрел на рейтинг пользователей по количеству постов и вижу там странное:
Странное
Обратите внимание на fifofiy на третьем месте с 587 хабратопиками. «Фигассе», — сказал я себе и пошёл смотреть на профайл этого незнакомого мне хабраюзера. Если верить его профайлу, то у него был один комментарий и тот удалённый в связи с баном.

Так что, видимо в топе не фильтруются забаненные пользователи. Поправьте пожалуйста :)

Баг номер два:
Вот тут адски сползаёт вёрстка. По крайней мере под Оперой 9.21 и ie6. В опере горизонтального скролла нет, в ie6 он добавляется. Документальное доказательства бага прилагаю. 1273x2645, 421.74 KB.

upd: А второй баг оказывается отрепортили до меня :)
Всего голосов 12: ↑9 и ↓3 +6
Просмотры 548
Комментарии 10