team Inc. — графический дизайн, разработка сайтов и интерфейсов http://teaminc.ru версия 1.2.1 Tue, 22 Sep 2009 16:18:40 +0000 http://wordpress.org/?v=2.7 en hourly 1 Наши новые визитки http://teaminc.ru/blog/new-bcards.html http://teaminc.ru/blog/new-bcards.html#comments Mon, 07 Sep 2009 16:44:37 +0000 Геннадий Уханов http://teaminc.ru/?p=582 «Мы кутили, мы гуляли, мы играли трали-вали» — после столь продолжительного времени, случился долгожданный ребрендинг наших визиток.

Наши визитки

Нестандартная форма (и естественно со скругленными уголками), которая многих вводит в ступор
— Как так? Она же не поместится в визитиницу! Еще как поместится! И поместится не одна, а две.

К тому же эта визитка будет «выделятся из толпы» портя ровненькую стопочку других тусклых визиток :)

]]> http://teaminc.ru/blog/new-bcards.html/feed Пока, Siymo http://teaminc.ru/blog/bye-siymo.html http://teaminc.ru/blog/bye-siymo.html#comments Fri, 28 Aug 2009 16:23:25 +0000 Геннадий Уханов http://teaminc.ru/?p=576 Пока, Siymo
Иногда нервы, дороже «псевдо-партнерских» отношений.

]]> http://teaminc.ru/blog/bye-siymo.html/feed RSS-иконки ко дню Святого Валентина… http://teaminc.ru/blog/journal/valentine-rss-icon.html http://teaminc.ru/blog/journal/valentine-rss-icon.html#comments Mon, 09 Feb 2009 08:47:25 +0000 Геннадий Уханов http://teaminc.ru/?p=526 В преддверии Дня Святого Валентина — нам захотелось подарить вам несколько RSS-иконок.
От team Inc. — с любовью!

Формат иконок — PNG, размер 256X256. Иконки раздаются совершенно бесплатно.
Скачать иконки

От team Inc. с любовью!

]]> http://teaminc.ru/blog/journal/valentine-rss-icon.html/feed Ошибка 404 http://teaminc.ru/blog/journal/404-error-page.html http://teaminc.ru/blog/journal/404-error-page.html#comments Tue, 03 Feb 2009 05:44:07 +0000 Геннадий Уханов http://teaminc.ru/?p=518 На сайте Smashingmagazine были опубликованы самые оригинальные и красивые страницы ошибки 404. Мы туда не попали, так как этот обзор попал на глаза слишком поздно, но от этого, наша страница 404 не становится хуже :)

404
http://teaminc.ru/hello404/

]]> http://teaminc.ru/blog/journal/404-error-page.html/feed Реклама будущего промо-сайта http://teaminc.ru/blog/wip/promo-site.html http://teaminc.ru/blog/wip/promo-site.html#comments Sun, 25 Jan 2009 07:00:21 +0000 Геннадий Уханов http://team.project/?p=464 team Inc. — промо сайт

После запуска основного сайта — мы уже начали работу над промо-версией. Ориентировочно, сайт запустится в начале весны. Тем не менее — следите за эфиром.

]]> http://teaminc.ru/blog/wip/promo-site.html/feed Рецепты — DIV поверх флэш http://teaminc.ru/blog/publications/div-over-flash.html http://teaminc.ru/blog/publications/div-over-flash.html#comments Fri, 23 Jan 2009 13:55:51 +0000 Геннадий Уханов http://team.project/?p=375 У веб-разработчиков существует известная проблема — как расположить DIV (или что либо другое) поверх flash-объекта внутри html-страницы. Стандартные манипуляции, типа z-index не помогают. И бедные разработчики начинают проклинать flash, хотя это совершенно напрасно, так как раз он здесь не при чем. Корни гораздо глубже.

DIV поверх флэш

Существует стопроцентно кроссбраузерное решение. Хотя может это и не очень официально со стороны Adobe, но тем не менее, именно этот метод, они используют у себя на сайте.


При размещении Flash на странице (совершенно не важно, каким методом, будь-то стандартным от Adobe, либо используя SWFObject) необходимо использовать атрибут/параметр wmode тэга object/embed со значением «opaque».

Естественно — это только первый шаг. О том как позиционировать глубину «дивов» — здесь мы рассказывать не будем.

Вот рабочий пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>team Inc.</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="favicon.ico" />
		<script type="text/javascript" src="js/swfobject.js"></script>
		<script type="text/javascript">swfobject.embedSWF("main.swf", "promo", "100%", "100%", "8", null, null, {menu:"false", wmode:"opaque"});</script>
		<style>
			/* hide from ie on mac \*/
			html  { height: 100%; overflow: hidden; }
			#promo  { height: 100%; }
			/* end hide */

			body  { height: 100%; margin: 0; padding: 0; background-color: #000; color: #fff; font-family: Tahoma, arial; font-size: 11px; }
			p  { margin: 0; padding: 0;}
			a  { color: #999; }
			#over-holder  { position: absolute; z-index: 3; margin: 1px 0 0; padding: 20px; width: 400px; height: 30px; background: #000; opacity: .5; }
			#promo  { position: absolute; z-index: 2; background: #ffcfcf; }
		</style>
	</head>
	<body>
		<div id="over-holder"><p>When the power of love overcomes the love of power, the world will know peace.</p><p><a alt="team Inc." title="team Inc." href="http://teaminc.ru">team Inc.</a></div>
		<div id="promo">
			<h1>Пришло время установить Flash Player</h1>
			<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
		</div>
	</body>
</html>

Теперь, манипулируя значениям z-index, вы можете размещать поверх flash все что угодно.

P.S. Кстати, насчет атрибута wmode, раньше существовало недоразумение со стороны официальной документации и наверно отсюда и пошло недоверия к этому свойству:
«This attribute/parameter works only in Windows with the Flash Player ActiveX control» — т.е. данный атрибут работает только под Windows и IE (это документация трехлетней давности).

Проверено — это работает везде. И в нынешней документации такого утверждения больше нет.

]]> http://teaminc.ru/blog/publications/div-over-flash.html/feed Как мы работаем? http://teaminc.ru/blog/journal/how-we-work.html http://teaminc.ru/blog/journal/how-we-work.html#comments Sun, 18 Jan 2009 16:50:37 +0000 Геннадий Уханов http://team.project/?p=415 Многих интересует, а как работает team Inc.? Этот пост призван ответить на некоторые ваши вопросы.

Как мы работаем?


Для начала — наши принципы:

  • Прежде начать что-то делать, мы думаем, что бы потом не переделывать по десять раз.
  • Да, мы страдаем болезнью «перфекционизма», но в меру.
  • У нас не бывает бесполезных совещаний каждый день после обеда. Да и в принципе официоз нам не присущ.
  • Мы уверены — чем проще, тем лучше.
  • Если вы говорите, а где дизайн у «Хабрахабра», то боюсь мы с вами не найдем общий язык.
  • Многие заголовки из Getting Real имеют здравый смысл.
  • Наши фотки на flickr, почта на Gmail, статусы в Twitter. Нет — это не веяние моды, это просто лучшее, что есть на данный момент. И мы это используем в своей работе.

Управление проектами

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

Как мы работаем? Basecamp

Наши клиенты, всегда видят весь процесс работы над проектом — по адресу http://team2inc.seework.com/

«Системы управления проектами — это очень хорошо, с этим мало кто поспорит. Также отлично, если ваш бизнес имеет проектную структуру с ответственными менеджерами и отличными сработанными командами. Примем за аксиому, что хаос — это плохо. Именно разбиение бизнеса на проекты, а контроль проектов с помощью соответствующего инструментального ПО менеджерами и есть тот самый случай, когда может пригодиться Basecamp — онлайн ПО по управлению проектами, которое, как нам показалось, «там» считается одним из лучших.»

Что же это на самом деле такое?

Хостинг

У нас нет своего хостинга или дата-центра. Большую часть своих проектом мы размещаем на серверах (mt) Media Temple.

Как мы работаем? (mt) Media Temple

Наши клиенты также могут хостить свои проекты с нами, на (mt) Media Temple. Мы не зря предлагаем хостинг именно этой компании.

Просто взгляните на список клиентов (Adobe, Sony, L’Oreal Paris, Toyota и многие другие). Впечатляет?

Методика Scrum

Удивительно, но факт — мы успеваем делать свои личные проекты. При разработке своих проектов мы используем методологию Scrum. Слишком долго и скучно рассказывать об этом здесь, поэтому вот несколько ссылок по теме:

Как мы работаем? Scrum

Обзор методологии SCRUM
Scrum: гибкое управление разработкой
Scrum и XP: заметки с передовой
Про Scrum

И в заключении

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

Все это хранится в нашем музее, а иногда выкладывается в нашем блоге WIP (Work in Progress).

]]> http://teaminc.ru/blog/journal/how-we-work.html/feed