Заявление на отпуск

Отношения с начальством зачастую слишком заформализированы, сухи, безжизненны. А как было бы хорошо, если бы различные заявления можно было бы писать живым, слегка ироничным языком, например так:

Милые дружочечки, Коленька и Васечка. Вот и выдалась свободная минутка. Спешу с пламенным революционным приветом на всякий случай уведомить вас, драгоценных и ненаглядных моих, что с такого-то мая я с глубоким сожалением покидаю землю обетованную, нашей компанией называемую, и уезжаю в отпуск. Мне очень неудобно намекать, но неплохо бы заранее выдать мне денежек, чтобы расставание не было таким печальным, и поминал бы я вас добрым словом и вечерней молитвой.

?скренне ваш, Сережка. Чмоки-чмоки!


Приведен пример реального заявления, но которое, к сожалению, мы не решились отправить на подпись руководству, хотя, как мне кажется, все было бы понято правильно.
Любое совпадение имен и должностей совершенно случайно и непреднамеренно.
Коленька и Васечка — директора.

Вот была бы жизнь, если б народ на парился по поводу должностей, положения на иерархической лестнице, субординации.

Факультет — новая литература нового поколения

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

макет главной страницы
макет главной страницы

типовая страница
типовая страница

личный кабинет
личный кабинет

книжная полка пользователя
книжная полка пользователя

Коротко о давнем

Упомяну несколько сайтов, которые можно отнести к категории «дела давно минувших дней».
Когда меня только взяли на нынешнее место работы, а это славная компания TRINET, мой опыт насчитывал 5 месяцев (1 месяц в компании ЛОЗА и 4 в широко известном ПРОДВ?ЖЕН?Е). Но сразу мне досталось верстать сайт самой компании TRINET. Вот, так сказать, с корабля — на бал и началась моя первая серьезная работа в вебе. Почти сразу за этим последовали сайты larga.ru, tk-pik.ru, oslo.ru, marinsurance.ru, tkspb.ru. Да, да, это все я. ? это далеко не все, что мне пришлось делать в TRINET. Далеко не всем я доволен, многое сейчас я сделал бы по-другому, но так ведь нет предела совершенству. За что мне по меньшей мере не стыдно, а кое в чем даже нравится, как сделано, это уже упомянутый сайт страхового общества «Скандинавия» и сайт консультационной компании IT Expert (Произошел редизайн на обоих проектах. Вряд ли теперь найду старую верстку). На IT Expert мне единственно не нравится «пепельница» на главной странице. По дизайну подразумевалось, что пункты выпадающего меню будут более многословными, а потому сделаны нетянущимися и такими широкими. А за некоторые страницы я даже удостоился отдельной, хотя и безличной) похвалы.

Параллельно началось мое сотрудничество с замечательным дизайнером, с которым приятно работать, хотя не все его дизайнерские ходы мне нравятся с точки зрения удобства и легкости. ?ногда объем картинок для оформления зашкаливает ;) В моем портфеле много работ, выполненных по его заказу, в частности по сайту и справочной карте Геоинформационной Системы инвестора Санкт-Петербурга.

Агенство праздников ?сполнители желаний

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

masterwish.ru

Апрель 2008

P.S. Макеты утрачены, ссылки удалены.

Как убрать обводку у input и textarea в Сафари и Хроме?

Очень просто. В таблице стилей пропишите для input и textarea следущее


                input,
                textarea {
                    outline:none;
                }
                

 

Когда это может понадобиться? Дизайнеры любят перерисовывать системные контролы под дизайн, например такой красивый input, который должен тянуться на всю предоставляемую ему ширину
input без фокуса

А теперь поместим курсор в поле ввода.

поле ввода с фокусом

Пример из сделанной недавно верстки

Выглядит немного неаккуратно, неправда ли?

Это же свойство можно использовать, если надо избавиться от рамки вокруг ссылок при фокусе на них. Чтобы, например, не портить «красоту» меню.
условное меню с фокусом на одном из пунктов пунктом
Хотя убирать outline и неправильно. При навигации по сайту с помощью только клавиатуры эта рамочка помогает понять, на каком элементе сейчас фокус.

Кликните поочередно на ссылки или используйте клавишу TAB, чтобы навести фокус на них:
обводка есть / обводка убрана

Есть у ?Е6 такая особенность: если какому-либо блоку задать ширину, то ?Е6 воспринимает эту ширину, как минимально возможную и, если содержимое блока оказывается шире заданной ширины, то ?Е6 растягивает блок до размеров содержимого. Тогда как другие браузеры, в полном соответствии стандартам сохранят указанную ширину, а содержимое просто покажут выступающим за пределы блока (если не указано свойство overflow, отличное от значения visible (значение по умолчанию)).

Читать далее

Я бы сделал лучше-2

Забавно, что поводы для написательства мне дает студия Лебедева: выходом в свет нового сайта, или же, как в это раз, новым рецептом в Техногрете.

Что же мне не понравилось в это раз? Ну, ни то, что не понравилось, но все же.

Приводится способ выравнивания блоков с картинками по центру родительского контейнера. Что же, хороший способ применения нечасто используемого свойства inline-block. Но…

Так это выглядит в браузере:
демонстрация выравнивания блоков с картинками по центру

Рецепт основан на двойственной природе элемента INS. Как известно элементы INS и DEL могут быть как блочными (display: block), так и строчными (display: inline). При этом, будучи строчными, они могут быть контейнерами для блочных элементов, таких как DIV или P. Впервые подобный трюк я увидел около двух лет назад у Stuart Nicholls. Там была необходимость расположить по центру меню из табов при произвольной общей ширине меню. К сожалению, это пример был пересмотрен 24 января этого года)). Я сам использовал этот прием на своей народовской страничке (не смеяться!!!). Что забавно, в новом способе центрирования меню использован метод, который я впервые увидел у Лебедева. Но вернемся к нашим баранам.

Читать далее Я бы сделал лучше-2

moz-inline-stack

Боремся с отсутствием со стороны Файрфокса 2 поддержки простого, но нужного свойства inline-block

Так случилось, что ФФ2 не поддерживает для свойства display значения inline-block. Взамен него в ФФ2 есть несколько нестандартных CSS-свойств, в частности -moz-inline-stack. ?з того, что я знаю, это свойство лучше других подходит для повторения поведения, подобного inline-block. Но при его использовании надо учитывать несколько странностей. Для демонстрации этих странностей CSS-свойства буду прописывать инлайн, а для просмотра этих странностей вам понадобится браузер Файрфокс 2.

Читать далее moz-inline-stack

Inline-block и другие

inline-block
При этом значении свойства display элемент ведет себя как обычный строчный элемент (не вызывая перевода строки до и после себя, в отличие от блочных элементов), но при этом содержимое этого элемента форматируется как внутри элемента блочного. Элементу же можно будет задать свойства width и height, что невозможно для элементов строчных

Проще, чем долго и путано объяснять, показать на примерах. Для наглядности подкрасим элементы и зададим им размеры и отступы

  1. блочный элемент
    еще блочный элемент
    Как видите, каждый новый элемент располагается ниже следующего, даже если рядом с предыдущим есть место
  2. элемент со свойством display: inline-block элемент со свойством inline-block элемент со свойством inline-block и vertical-align: middle, в отличие от предыдущих с выравниванием по базовой строке — эти элементы находятся на одной строке, но при этом «слушаются» свойств width и height и контент внутри них ведет себя как и в обычном блочном элементе. ? они не теряют свойства строчных элементов выравниваться по высоте строки. Еще интересно, что переносятся эти элементы на новую строку целиком, в отличие от строчных элементов, которые «рвутся», если не помещаются на одной строке.
  3. элемент со свойством display: inline еще строчный элемент — эти элементы простые строчные, и им не удастся задать размеры. ? попытка вызвать перевод строки внутри элемента с помощью BR приведет именно к переводу строки. элемент со свойством display: inline
    и
    BR‘ом внутри