Ergonomy optimization

июля 09

В некоторых последних проектах я использовал закругленные уголки у блоков без использования изображений, но с использованием jQuery:

Rounded corners HTML+CSS+jQuery

Подробнее Вы можете ознакомиться непосредственно на страничке с закруглёнными уголками :)

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

Окт 02

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

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

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

Сен 30

Не всегда страничка должна иметь много контента (например страничка с сообщением об ошибке 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. \\ теги: ,

Сен 30

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

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

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

мая 27

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

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

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

мая 25

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

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

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

мая 14

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

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

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