TecHMeaT

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

Я тут прошелся по онлайн-прилавкам, кое что посоветовали коллеги, что-то прочел сам лично. Вот решил выложить небольшой список литературы для верстальщика, которая, как я считаю, помогут новичку в освоении языка разметки HTML и каскадных таблиц CSS. Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: book, CSS, HTML, книги, справочники, учебники

Не всегда страничка должна иметь много контента (например страничка с сообщением об ошибке 404), а красивый подвал посреди экрана выглядит как-то неуместно. Надо бы его прижать

Логический алгоритм следующий:

1. Высоту странички body выставляем в 100% (минимум);
2. Основной слой (page), в котором будет шапка (header) и контент (content) так же растягиваем на 100% по высоте;
3. Подвал (footer) прижимаем книзу position:relative; bottom:0;
4. Т.к. подвал находится ниже 100% слоя page, то нужно его поднять на столько, сколько он сам имеет роста: margin-top:-50px;
5. Теперь страничка и без скрола, и подвал внизу, но при нынешнем состоянии контент будет залезать под подвал, применим-ка мы к нему pading-bottom:60px; Читать полностью »

   Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, верстка
   

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

Постараюсь максимально выложить всё что знаю по этой теме, а что сразу не вспомню (или пока не знаю) буду со временем дописывать... Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, валидатор, семантика, Стандарты, хаки

Многие из нас уже настолько привыкли к чтению с монитора компьютера, что бумажные носители (книги в основном) уже воспринимаются как нечто устаревшее, неактуальное. Конечно, ведь в книге нельзя изменить размер шрифта, цвет фона, скопировать кусок текста одним движением мышки. И даже реклама там не мелькает. Но все же, согласитесь, приятно иногда подержать хорошую книгу в руках.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, шрифты

Всем известно, что каждая картинка, прикрепленная к страничке (неважно, в html или css) – это обращение к серверу, на котором расположена эта страничка. Поэтому я в последнее время стараюсь сократить общее количество картинок, по возможности скомпоновав их.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, верстка, графика, макеты

Представлю еще один способ создания колонок используя CSS. Этот способ более гибок, некоторые ограничения предыдущего способа просто исчезнут. Например, не нужно ограничиваться двумя колонками и писать лишний код, всё упрощено до предела.

Читать полностью »

Читать в Яндекс.Ленте или Google Reader. \\ теги: CSS, верстка