Как стать автором
Обновить

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

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

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

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

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

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

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

Приглашаем на бесплатный мастер-класс по CSS для новичков и сочувствующих

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Графический дизайн *

Что можно сделать в начале декабря, когда всех завалило снегом? Можно отмечать праздники — дни собутыльника, кисельных девиц, сала, путешественника во времени, государственного гражданского и муниципального служащего в Ульяновской области или даже день сидения на окне (маководы, молчать!).

Ещё можно ждать более привычных праздников и переносить все дела после новогодних. А можно заняться чем-нибудь более полезным — например, разобраться в CSS и с нового года начать новую жизнь и делать лендинги на фрилансе. 

Мы поможем вам и проведём мастер-класс — приходите, чтобы научиться работать с вёрсткой и стилями. Подробности под катом.

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

Как найти творческую digital-профессию: бесплатные занятия для дизайнеров

Блог компании Нетология HTML *Usability *Учебный процесс в IT Дизайн

В ближайшие две недели Нетология проведёт несколько открытых занятий для студентов, которые хотят построить карьеру на стыке ИТ и дизайна. Старт уже завтра, 27 января, в 20:00 по московскому времени — пройдёт занятие «Дизайнер интерфейсов:с чего начать погружение в UX/UI‑дизайн». 

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

Бесплатный интенсив «Основы HTML и CSS за 10 дней»

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Тестирование веб-сервисов *

Кажется, почти все на Хабре сталкивались с HTML и CSS, даже если не занимаются этим на работе. Ну знаете, все эти «сделай кнопку покруглее», «сделай текст более красненьким», или кому-то из друзей сайт собрать. Авторы статей сталкивались с редактором Хабра (особенно старым). Или вот, например, наш выпускник, бывший системный администратор, пишет:

Когда я работал сисадмином, однажды со словами «Тыжпрограммист, помоги!» ко мне обратился друг, которому нужен был интернет-магазин. Я кое-как разобрался в движках, хостинге и всём остальном, и запустил ему магазин на Opencart с бесплатным шаблоном на Bootstrap. Ковыряться с этим мне понравилось, но я понимал, что многое сделал криво (например, изменял размер шрифта с помощью замены тега с h2 на h3 и т.д.

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

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

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

Habr
Вот здесь

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

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

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

Штуки вроде

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


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

Зачем все эти

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

А это?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jevix

Чулан


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

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

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

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

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

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

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

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

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

На мой взгляд более корректным решением, чем хаки css является только прямое следование стандартам и отказ от поддержки ошибок IE.
Читать дальше →
Всего голосов 22: ↑7 и ↓15 -8
Просмотры 237
Комментарии 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.5K
Комментарии 43