И захотелось нам сделать что-то очень милое и запоминающееся, так родился весьма забавный персонаж.

Сначала рисуем идею и раскадровку — затем анимируем и, конечно, не забываем про множество мелких деталей, которые добавляют особый шарм и стиль баннерам Restoran.ru

]]> http://www.cakelabs.ru/blog/783.php/feed 0 http://www.cakelabs.ru/blog/771.php http://www.cakelabs.ru/blog/771.php#comments Mon, 20 Feb 2012 07:13:22 +0000 kraynov http://www.cakelabs.ru/blog/?p=771 Вот такой спам к нам приходит иногда на почту:

НУЖНО СДЕЛАТЬ САЙТ НЕДОРОГО!! Подобие доски обьявлений с формой регистрации и редактирования !Бюджет 7000-8000р  ! ни каких предоплат ,в начале стулья потом деньги САНКТ-ПЕТЕРБУРГ

Именно поэтому клиенты не всегда могут оценить объем работы, который выполняют наши специалисты. Теперь для удобства наших клиентов мы ввели новую услугу.

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

Cakelabs за прозрачный процесс ведения проектов.

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

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

В итоге игра получилась настолько яркой и веселой, что даже наши взрослые сотрудники не против были сыграть :-)

Попутного ветра!

Одно из решений, которое помогает использовать все прелести CSS3 в браузерах Internet Explorer — это PIE (Progressive Internet Explorer)
На данный момент PIE добавляет в IE6-8 полную или частичную поддержку слудующих CSS3-свойств:

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient

Подключить PIE очень легко, для этого нужно вставить в ваш css-файл строку

behavior: url (PIE.htc)

и ваш Internet Explorer 6-8 начнет понимать CSS3.

Пример кода кроссбраузерного скругления углов у блока:

#block_id{
 border: 1px solid #000;
 padding: 60px 0;
 width: 200px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 background: #FFF;
 behavior: url(/PIE.htc);
}

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

var rightNow = new Date(); //берем текущую дату
//вставляем дату например 31.12 12:00
var date1 = new Date(rightNow.getFullYear(), 11, 31, 12, 0, 0, 0);
//высчитываем количество часов
var h = Math.floor((date1-rightNow)/ (1000 * 60 * 60));
//минут
var m = Math.floor((date1-rightNow-h*(1000 * 60 * 60))/ (1000 * 60));
//секунд
var s = Math.ceil((date1-rightNow-h*(1000*60*60)-m*(1000*60))/1000);
function tick()
{
	var h_d = 0;
	var m_d = 0;
	var s_d = 0;
	if (s==0) s=59;
	if (m==0) m=59;
	s--;
	if (s==0) m--;
	s_d = s;
	m_d = m;
	h_d = h;
	if (s_d<10) s_d = "0"+s;
	if (m<10) m_d = "0"+m;
	if (h<10) h_d = "0"+h;
	$("#hours").html(h_d);
	$("#minutes").html(m_d);
	$("#seconds").html(s_d);
	setTimeout("tick()",1000);
}
$(document).ready(function(){
	setTimeout("tick()",1000);
});

HTML:

<h3>До открытия сайта осталось:</h3>
<span id="hours"></span> часов
<span id="minutes"></span> минут
<span id="seconds"></span> секунд

Скачать пример

Для решения данной задачи был написан маленький плагин для jquery, который вычисляет отступ (в данном случае для каждого пункта меню).
Пример использования:
Для начала приведем сам код плагина
jquery.diagonal.js

jQuery.fn.diagonal = function(options){
  var leftpadding = 0;
  // настройки по умолчанию, где delta это отступ
  var options = jQuery.extend({ delta:23 },options);
  return this.each(function() {
      var _this = this;
      var html = "";
      jQuery(this).css("padding-left",leftpadding+"px");
      leftpadding = leftpadding + options.delta;
  });
}

HTML

<ul class="left diagonal">
	<li><a href="/about/">ABOUT</a></li>
	<li><a href="/portfolio/">PORTFOLIO</a></li>
	<li><a href="/academy/">ACADEMY</a></li>
	<li><a href="/agency/">AGENCY</a></li>
	<li><a href="/partners/">PARTNERS</a></li>
	<li><a href="/contact/">CONTACT</a></li>
	<li><a href="/blog/">BLOG</a></li>
</ul>

CSS

div#menu ul.left {
    padding-top:0px;
}
div#menu ul.left li {
    list-style-type: none;
    text-align: right;
    width: 240px;
    height: 45px;
}
div#menu ul a {
    font-size: 30px;
    color: white;
}

JS

$(".diagonal").each(function(){
	$(this).find("li").diagonal({'delta':15});
});

Таким образом, получается, что плагин применяется для каждого пункта меню, выставляя ему отступ слева, равный отступу предыдущего пункта + delta. И, вуаля: мы имеем меню, выведенное по диагонали.

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

В конечном итоге интернет–магазин послужил источником вдохновения для создания серьезного дела. Илья заказал сайт под магазин у своего друга Александра Шашихина, работа над его созданием и оптимизацией заинтересовала и натолкнула на мысль о том, что это может быть вполне самостоятельным бизнесом. Так в начале 2008 года Илья Раскин и Александр Шашихин открыли студию по созданию сайтов и их продвижению  — Cakelabs.

По образованию Илья специалист по международным отношениям, поэтому коммуникативные навыки, приобретенные в университете, весьма пригодились. Главная задача, которая ставилась перед начинающими предпринимателями в первую очередь, — найти крупного заказчика. Им стал производитель дрожжей Lessaffre, которого в Петербурге представляет компания «Саф–Нева».

С помещением под офис проблем не возникло, его получили по бартеру от компании «Фармакон» — «Бизнес–парк на Цветочной 18″, для которой они сделали сайт. Илья шутит, что единственным стартовым капиталом был четырехместный диван, который он купил в »Икее» для нового офиса.

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

Постепенно спектр услуг компании расширился, Cakelabs стал предлагать не только создание и продвижение сайтов, но и разработку фирменного стиля компании, подготовку рекламных материалов, выпуск полиграфической продукции. А в 2011 году было принято решение создать отдельную компанию по продвижению компаний в Интернете совместно с Ильей Черемхиным. Так появилась компания SEO Rabbit.

Главный плюс Cakelabs, считает Илья, в том, что он предлагает хорошее соотношение цены и качества. То есть у более маститых компаний подобная услуга будет стоить в несколько раз дороже, так как клиенту уже приходится платить и за имя компании. А качество работы, по словам Ильи, может измеряться только успешностью работы сайта.

«Работа всегда начинается с анализа информации о клиенте, сайт должен решать определенные задачи: либо продать товар или услугу, либо представлять компанию в выгодном свете», — рассказывает Вероника Зеленкина, арт–директор компании.

Сегодня на счету у студии достаточно много крупных клиентов, таких как »Цветоптторг», «Мир квартир», «Бутик элитной недвижимости», Restoran.ru. В 2010 году оборот компании составил 10 млн рублей и, по прогнозам на 2011 год, увеличится в 2 раза.

Полную версию интервью вы можете прочитать на сайте газеты Деловой Петербург.

Разработка нового сайта Юникома ведется в Санкт-Петербурге компанией Cakelabs. Сейчас она почти завершена – остаются последние штрихи. Мы обратились к руководству компании с просьбой рассказать читателям «Вестника СКФ» о возможностях нового сайта.

- Перед нами стояла цель создать самый стильный морской сайт России, который будет реально полезен не только для работников Юникома, но и для моряков, работающих в других компаниях. При этом сайт будет достойным «лицом компании» в сети, – говорит Заместитель Директора Юникома (Санкт-Петербург) Владимир СОЛОМОНОВ. – Помимо общей информации о компании мы предусмотрели ряд интерактивных сервисов, новостную ленту, будем размещать «горячие» вакансии и продолжим отвечать на вопросы моряков в режиме онлайн-конференции, которая переместится с сайта информационно-поисковой системы «Корабел.ру». В будущем мы хотим внедрить опцию «письмо на судно» подобно той, что доступна на сайте Новошипа. Словом, наши специалисты серьезно взялись за дело. Думаю, что как только unicom-ru.com начнет функционировать, он станет популярным в нашей профессиональной среде.

Для редакции «Вестника СКФ» согласились приоткрыть занавес, и то, что мы смогли увидеть, нас впечатлило. Прежде всего, информационная составляющая сайта обещает быть богатой. Можно будет узнать не только о структуре офисов Юникома и истории компании, но и получить информацию о действующих проектах, изучить технические характеристики судов. Раздел «Юником в лицах» будет рассказывать о выдающихся работниках флота, сотрудниках офисов, крестных матерях.

«Перед нами стояла цель создать самый стильный морской сайт России, который будет реально полезен морякам», – В.Соломонов.

Вообще тема работы с морскими кадрами – основная для нового сайта, а раздел «Вакансии» -один из центральных. В нем будет публиковаться перечень актуальных морских и береговых вакансий по офисам с возможностью тут же откликнуться на вакансию, заполнив электронную анкету. Там же можно будет найти перечень необходимых документов для работы на судах компании (по должностям и типам судов) и получить общую информацию о подборе, найме и трудоустройстве в Юником.

На каждой странице сайта разработчики обещают сделать доступ к особенно популярным ссылкам: вакансии, анкета для плавсостава, «Вестник СКФ», письмо на судно, онлайн конференция. О последней уникальной опции наша газета подробно рассказывала в мае. Теперь конференция будет доступна на официальном сайте компании, а вопрос можно будет адресовать любому сотруднику офиса, например, своему координатору.

Наконец, многих порадует насыщенный новостной раздел. Лента новостей будет давать возможность сортировать события по географическому принципу, текстовую информацию дополнят фото-и видеогалерея. Для «Вестника СКФ» на новом сайте Юникома тоже предусмотрен раздел, в котором будет храниться архив номеров – для тех, кто не против полистать корпоративную газету в межрейсовый период.

Новый сайт unicom-ru.com начнет работу в середине августа в «базовой комплектации» и постепенно, в течение одного-двух месяцев, будет наполняться информацией. Заходите, оценивайте, высказывайте свои пожелания и предложения: этот проект воплощается для вас.

( «Вестник СКФ», №5, 2011 год)