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

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

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

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

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

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

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

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

10 вещей, которые можно делать в верстке с помощью псевдоэлементов before и after

Блог компании Skillbox CSS *HTML *

Привет, Хабр! Меня зовут Максим Васянович, я спикер курса “Веб-верстка” в Skillbox. Сегодня поговорим о верстке, а точнее - о нюансах работы с псевдоэлементами before и after. Статья будет полезна, прежде всего, начинающим верстальщикам. Но, возможно, и профи будет интересно освежить эти моменты в памяти. 

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

Читать далее
Всего голосов 22: ↑21 и ↓1 +20
Просмотры 7.3K
Комментарии 6

Яндекс.Практикум: самый подробный отзыв

Программирование *Учебный процесс в IT IT-компании
Из песочницы

Хочу поделиться личным опытом (об/м)учения в Яндекс.Практикуме на курсе "Веб-разработчик", и почему, вернувшись на год назад в прошлое, я бы никогда не стал там учиться даже за бесплатно.

Для начала расскажу о причинах, по которым я решил войти в IT (спойлер: и в итоге всё-таки вполз), и почему я выбрал именно Яндекс.Практикум.

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

1) прибыльную (на комбинате я получал 24 тысячи в месяц);

2) перспективную (в IT действует меритократия, а в строительной сфере без связей, которых у меня нет, далеко на уедешь и высоко не взлетишь);

3) интересную и интеллектуальную. 

У меня есть старший брат – веб-разработчик с 10-летним стажем, за плечами которого опыт разработки в Яндексе, TopTal и нынешняя работа senior-программистом в Amazon. Я специально так подробно рассказываю о своём брате, т. к. далее эта информация понадобится для понимания контекста.

Брат, видя, как я страдаю от невозможности реализовать себя в профессии, на обучение которой потратил 8 лет, предложил попробовать себя в IT-сфере и посоветовал найти подходящие IT-курсы по профессии веб-разработчик, а он будет меня менторить.

Почему я выбрал именно веб? Потому что по личному опыту брата и его друзей-айтишников порог входа в веб ниже, чем в других IT-профессиях. И мне, как визуалу, важно видеть результаты своего труда (чертежи, запроектированные и построенные здания). И как раз фронтенд-разработка предоставляет эту возможность.

Читать далее
Всего голосов 52: ↑49 и ↓3 +46
Просмотры 7.8K
Комментарии 78

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

Habr
Вот здесь

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

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

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

Штуки вроде

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


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

Зачем все эти

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

А это?

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

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

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

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

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

Читать дальше →
Всего голосов 39: ↑34 и ↓5 +29
Просмотры 685
Комментарии 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
Просмотры 426
Комментарии 23

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

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

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

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

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

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

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

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

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

Jevix

Чулан


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

Исходный код открыт для свободного использования.
Всего голосов 6: ↑2 и ↓4 -2
Просмотры 293
Комментарии 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
Просмотры 846
Комментарии 88

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

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

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