WTP Eclipse для верстальщика18

Вот уже около года для верстки я использую среду разработки Eclipse с установленным расширением WTP (Web Tools Platform).

Остановился на этом выборе по нескольким причинам

Быстровозводимое здание14

Краткий экскурс о том, как создавалось здание для сайта СК «Портал».

Начнем с создания примитивной 3D модели.

Готовим красивый «пирог»1

Для сайта «Русского Международного Банка» требовалось изготовить две разновидности графиков, наглядно отображающих экономические показатели банка. Мне показалось более интересным рассказать про создание «пирога» — он посложнее в программировании, но, в то же время, более красивый, чем стандартная гистограмма. Начнем с теории. Для нетерпеливых пример и исходник.

Новых свершений!1

Смотреть открытку

Пусть сложности вас не пугают!

Смотреть открытку

Приятных сюрпризов в новом году!8

что увидели мыши?

С Новым 7d8 годом!8


<?php
$now = date(Y-m-d H:i:s);
if ($now > 2007-12-31 23:59:59
 && $now < 2008-01-01 00:00:00)
{
 echo "Happy new year!";
}

«Вот!» и обои4

Весной этого года мы представляли работы Студии в самарский журнал графического дизайна «Вот!». Для сопровождения наших материалов мы создали тематические иллюстрации на каждом развороте. А сейчас решили сделать из этих иллюстраций обои для рабочего стола. Вот что получилось.

SMS girl

В полный рост

Техника «самоочистки»8

Хочу рассказать об одной полезной технике, которой пользуюсь в последнее время. Обычно, для создания колонок при бестабличной верстке, используются плавающие элементы. Но свойство float изначально предназначалось совсем для другого. Отсюда и вытекают некоторые неудобства, такие, как необходимость применения свойства clear. Например, чтобы родительский блок имел ту же высоту, что и внутренние колонки, или, чтобы последующий контент вёл себя, как подобает, а не выскакивал в ненужных местах между колонками.

Обычно вставляется див нулевой высоты, типа div.clear, т.е.  семантически лишний код.

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