Ergonomy optimization

Авг 04

Сегодня на хабре было предложено провести Kill_IE6_Day.

Если есть неравнодушные к этой проблеме - просьба отписываться в комментариях.

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

июля 09

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

Rounded corners HTML+CSS+jQuery

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

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

Дек 03

Обнаружил сегодня на просторах сети способ заставить IE6 делать рабочими ссылки, которые находятся над фоновым PNG.

Посмотреть. Скачать.

Теперь буду использовать этот способ во всех проекта, где необходима PNG-графика. Однозначно!

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

Окт 16

Билборд создан по технологии Яндекса.
Создайте свой билборд

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

Окт 16

Наткнулся случайно на этот ролик и, что для меня несвойственно, просмотрел до конца. Мозг отказывается воспринимать, что денег нет...

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

Окт 15

С того момента, как я начал верстать, в моем арсенале уже была эта маленькая, но жутко удобная софтина, даже не знаю откуда я ее выкопал. В связи со сменой работы и по причине сбоев в своей памяти я оставил эту программульку дома, просто забыл кинуть на флешку. Когда обнаружил, что ее не хватает первым делом полез в поисковик. НО. Её нигде нет! Т.е. есть описание, ссылки на загрузку, но они все битые, т.к. сайт разработчика перестал существовать. С большим трудом я нашел ее на каком-то сервере, залил и решил выложить здесь, т.к. не знаю когда снова потеряю её. Да и остальным может пригодится...
Ниже краткое описание программы: Читать полностью »

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

Окт 08

Я люблю Firefox

Тема навеяна благодоря этой замечательной картинке (спасибо NORDmen`у за линьк) :) Читать полностью »

Читать в Яндекс.Ленте или 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. \\ теги: , , , ,