Pull to refresh

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

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 2.4K
Comments 2

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

HTML Academy corporate blog Website development *CSS *HTML *Graphic design *

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

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

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

Читать далее
Total votes 10: ↑9 and ↓1 +8
Views 3K
Comments 0

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

Нетология corporate blog HTML *Usability *Studying in IT Design

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

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

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

HTML Academy corporate blog Website development *CSS *HTML *Web services testing *

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

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

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

Читать далее
Total votes 4: ↑4 and ↓0 +4
Views 3.2K
Comments 3

A?.Frontend #2: Storybook, графика для веба и патологии вёрстки

Альфа-Банк corporate blog Hackathon Conferences

A?.Frontend – это встреча frontend-сообщества A?.Frontend, которая состоится в Санкт-Петербурге, 7 декабря, в 19:00. Это не совсем митап — скорее мы просто хотим поговорить в хорошей компании. В этот раз будем в хорошей компании с Selectel: обменяемся опытом, пообщаемся, узнаем новое и насладимся пиццей!

В программе...
Total votes 14: ↑14 and ↓0 +14
Views 343
Comments 0

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

Habr
Вот здесь

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

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

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

Штуки вроде

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


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

Зачем все эти

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

А это?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jevix

Lumber room


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

Исходный код открыт для свободного использования.
Total votes 6: ↑2 and ↓4 -2
Views 616
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.8K
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 1.6K
Comments 88