Pull to refresh
  • by relevance
  • by date
  • by rating

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

HTML Academy corporate blog Web design *CSS *HTML *Studying in IT

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

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

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

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

Читать далее
Total votes 10: ↑10 and ↓0 +10
Views 1.5K
Comments 2

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

Habr
Вот здесь

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

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

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

Штуки вроде

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


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

Зачем все эти

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

А это?

Валидатор о habrahabr.ru
Total votes 18: ↑13 and ↓5 +8
Views 359
Comments 64

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

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

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

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

Читать дальше →
Total votes 39: ↑34 and ↓5 +29
Views 677
Comments 89

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

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

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

Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Views 1.7K
Comments 40

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

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

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

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

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

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

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

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

Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Views 307
Comments 31

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

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

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

Lumber room
Знает ли кто-нибудь, как сделать, чтобы при блочной верстке колонки не наезжали друг на друга при сужении окна, а появлялась горизонтальная полоса прокрутки, как при табличной?
Total votes 13: ↑7 and ↓6 +1
Views 2K
Comments 64

Jevix

Lumber room


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

Исходный код открыт для свободного использования.
Total votes 6: ↑2 and ↓4 -2
Views 283
Comments 2

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

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

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

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

graph
Читать дальше →
Total votes 17: ↑15 and ↓2 +13
Views 816
Comments 88

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 (некорректный):
Читать дальше →
Total votes 14: ↑9 and ↓5 +4
Views 2.4K
Comments 43

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

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

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

Посмотреть на косяки
Total votes 6: ↑4 and ↓2 +2
Views 588
Comments 9

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

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

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

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

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

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

upd: А второй баг оказывается отрепортили до меня :)
Total votes 12: ↑9 and ↓3 +6
Views 547
Comments 10