cab4me
cab4me поможет найти такси, когда вам это нужно. Просто выбрав приблизительное местоположение поимки такси на карте. Так же на карте видны местоположение ближайших к вам такси. Если компания, которой принадлежит такси, находится в базе данных, то можно получить дополнительную информацию. Как например, виды автомобилей, методы оплаты и рейтинг, оставленный пользователями данного сервиса. База данных сервиса растет каждый день, как и количество пользователей. Отличная идея и шикарная реализация.

Maverick
Maverick дает пользователям возможность мгновенного обмена текстовыми сообщениями, локациями и мультимедийным контентом в виде аудио-клипов, фотографий и, так называемых, “каракулей” с другими пользователями Maverick клиентов и с пользователями настольных приложений, таких как Google Talk или iChat. Поддержка Androidом сенсорного экрана открыла двери для создания “каракулей”(scribbles) - рисунки, которые пользователь может создавать и делиться со своими контактами. “Каракули” могут быть созданы с нуля, либо, начиная с существующей фотографии или какойто другой “каракули”. Maverick определенно расширил мое представление об Instant Messengerах.

MyCloset
Управляет фотографиями и информацией об одежде которая у вас есть, а также координирует и записывает ваши ежедневные наряды. Автоматически фильтрует одежду с учетом сезона, установив время на которое  будет использоваться. Чувствую, что это приложение будет установлено на телефон каждой модницы.

Compare Everywhere
Compare Everywhere помогает совершать покупки умнее, с помощью телефона. Просканировав штрих-код можно сразу убедиться, что продукт стоящий, а его цена действительно оправдывает себя. Мгновенный поиск среди десятков он-лайн и местных магазинов, узнать, что продажная цена товара завышена или наоборот очень низкая. Так же приложение содержит кучу классных  дополнительных “фич”. Таких, как обзоры продуктов, и обмен шоппинг листами с друзьями.

Говоря о приложениях под андроид, нельзя не упомянуть о сайте http://www.androidfreeware.org/. На это сайте не меньше программ под андроид чем на андроид маркете, однако запомнились мне только два предложения. Temperature Conversion и Tipper. К сожалению запомнились они мне не с хорошей стороны. Первое вызвало недоумение своей простотой и ненадобностью, а второе разочарование, ибо, в начале я спутал его название с “триппером”, а когда хотел поделиться хохмой с друзьями увидел, что, все таки, это типпер.

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

Что это?

Итак, sIFR (Scalable Inman Flash Replacement). Вкратце, для тех, кто не знает, о чем речь. Это динамическая замена текста на Flash-элемент при помощи javascript’a. Ну, а теперь поподробней :)

На момент написания статьи доступна версия sIFR3 beta r436. Слово beta говорит само за себя. Тем не менее, это уже на порядок лучше, чем beta r319 еще годичной давности. Многие до сих пор стараются использовать „более рабочий” sIFR2, открещиваясь от третьей версии, мол, глючная и непонятная. В общем, чем рассказывать – лучше показать.

Далее показан один и тот же текст, выведенный при помощи sIFR2 и sIFR3. Правда, тот который sIFR2 - я сделал скрином, потому что js’ы от двух разных sIFR’ов конфликтуют. Что такое sIFR первой версии – не спрашивайте: сам не знаю :) Вторая версия, более стабильная, позволяет вывести нужный текст любым шрифтом… и, по сути, все. Благодаря своему скудному функционалу, багов у него также немного. В основном, все лечится магическим letter-spacing в CSS, причем чуть ли не отфонарным значением.

Третья версия. Тут уже все намного интересней. Повторюсь, что она до сих пор beta. Причем давно и, наверно, надолго. Уйма новых эффектов и багов – обо всех и сам разработчик вряд ли знает. Добавление теней и бордеров для текста, проблемы с линками, прозрачности, траблы на Mac’e – тут диссертацию написать можно; непонятный перенос слов, мультиколор – отдельная тема; float’ы и ширина, более подробное описание css-свойств и т.д. и т.п. И все это меняется от билда к билду. Но разница налицо. Все, что происходит в разработке sIFR’a, можно прочитать на главном сайте сего творения.

Как делать?

Теперь, пожалуй, стоит описать, как же начать делать sIFR. Вот все, что нужно для этого

• Устанавливаем Adobe Flash CS3 Professional.
• Находим последнюю версию на сайте разработчика
• Теперь берем нужный шрифт, устанавливаем его себе на комп. Если шрифт Mac’овский, конвертируем его прогой CrossFont
• Открываем Abobe Flash и загружаем в файл sifr.fla из скачанного архива
• Выбираем нужный слой (он там один), выделяем текст (текст менять не надо), и ставим ему нужный шрифт.
• Если сифроваться будут некоторые нестандартные символы (типа датского, немецкого или китайского языка) в Adobe Flash внизу справа есть список наборов символов, добавляем нужные языки.
• Создаем флешку: File->ExportMovie.
• Загружаем куда надо все нужные js’ы sifr’a (заранее прописав путь к флешке).
• Теперь, собственно, оформляем сам sifr. Делаем это или так, как показано на примере в том же самом скачанном архиве, или идем сюда
• Усё :-D

Не забывайте о том, что sIFR работает на серваке, но не на локали. Это можно исправить где-то в главном js’e, но мне было легче поднять Денвер, чем вспоминать, где именно нужно убрать две строчки :) И при апгрейде js’a на новую версию чаще всего нужно переделывать и саму флешку.

Удачных research’ев! To be continued…

Ну во-первых, у нас на время бета тестирования включена премодерация комментариев от незарегистрированных пользователей. Регистрация, покаместь, только по пригласительным кодам. (если вам интересно - код можно получить написав нам на register[at]webing[dot]com[dot]ua).

Во-вторых, и ссылок у нас этих нет в комментариях.

Ну и напоследок, во всех сторонних ссылках мы ставим rel=noflow, такая ссылка не добавляет PR.

Теперь про спамера:
IP:91.90.15.47
смотрим кто это - http://dnsstuff.hostpro.ua/index.php?fIPWhois=91.90.15.47;
видим, что это одесский ISP soborka.net;
а вот карта их подключения http://soborka.net/?option=content&task=view&id=6&Itemid=33

Какие ошибки допустил сеошник (читай спамер)? Какие еще меры можно принять для борьбы со спамом? Обсуждаем в комментариях.

Создавайте качественный контент

• Пишите хорошо и часто. Часто обновляющийся сайт призывает людей к возвращению — до тех пор, пока содержание остается актуальным. Полезный пост раз в неделю лучше, чем низкокачественный каждый день. Отличная идея погуглить по темам, представляющим интерес в вашей области. Если вы не можете найти хорошую информацию по теме, создайте блог (пост) по этой теме — велика вероятность того, что другие люди ищут то же самое.
• Следуйте руководству для веб-мастеров. Точно так же, как для любого другого сайта, убедитесь, что вы следуете нашим руководствам для веб-мастеров по созданию актуального и полезного содержания. Кроме того, ознакомьтесь с нашими рекомендациями по использованию изображений, Flash, а также других медиа файлов в вашем блоге.
• Категоризируйте ваш контент. Ярлыки и метки — отличный способ организовать ваш контент, а также стимулировать пользователей к просмотру блога.
• Убедитесь, что пользователи и поисковые боты могут легко найти ваш блог. Мы рекомендуем размещение ссылок на свой блог с вашей домашней страницы, и из других ключевых страниц на вашем сайте. Продумайте хостинг для вашего блога на вашем сайте (www.blog.example.com или www.example.com/blog).
• В случае необходимости, ограничьте комментарии со спамом. Включение комментариев в блоге может помочь создать сообщество. К сожалению, некоторые спамеры используют функцию комментариев для спама. Если это произойдет с вами, ознакомьтесь с нашими правилами для снижения комментариев со спамом.
• Проверьте наши советы для аффилированных сайтов. Google рекомендует всем веб-мастерам создавать веб-сайты с оригинальным (уникальным) содержанием, что добавляет ценность для пользователей. Это особенно важно для сайтов, которые участвуют в партнерских программах. Если вы участвуете в партнерской программе, есть ряд шагов, которыми вы можете воспользоваться, чтобы помочь в становлении вашего сайта, и дифференцировать его от толпы.

Убедитесь, что читатели и боты могут легко добраться до контента.

• Создавайте качественные названия для каждого поста. Это делается для упрощения жизни пользователей. Кроме того, названия часто используется, чтобы создать уникальный url для каждой страницы, и это может дать поисковым системам ценную информацию о содержании ваших страниц.
• Связь с вашим интернет-сообществом. Скорее всего уже существует интернет сообщество (блоги) по вашей теме. Посетите эти блоги, поучаствуйте в обсуждении, оставьте свои комментарии. Оставьте также отзывы в форумах, посвященных вашей теме. Ключевым является то, чтобы привлечь к обсуждению: вдумчивые полезные комментарии привлекут читателей на ваш блог.
• Публикуйте ленты (rss, atom) вашего контента. Мы настоятельно рекомендуем публиковать ленты, позволяя пользователям получать уведомления всякий раз, когда вы обновляете свой блог. Вы можете сделать это через настройки в программном обеспечении вашего блога. Большинство ПО дает вам возможность публиковать полные посты в ленте (пользователи могут просматривать все содержание вашей статьи в своем RSS Reader) или частичной форме (дразнилка — можно просмотреть начало статьи, но придется перейти на ваш сайт, чтобы прочитать статью полностью). Полные статьи делают пользователей счастливыми, потому что они могут просматривать содержимое с минимальными усилиями. Это может привести к краткосрочной перспективе снижения числа посещений на ваш фактический блог, но вероятны долгосрочные перспективы увеличения читательской аудитории и mindshare (распространение мыслей). Поэтому, как правило, это того стоит. В конечном счете, имейте в виду, что регулярный абонент является более ценным, чем случайный посетитель.

Ваш блог и инструменты для веб-мастеров (Webmaster Tools)

• Добавьте свой блог в ваш экаунт Webmaster Tools. Добавить блог в ваш экаунт очень легко: просто следуйте инструкциям по добавлению сайта.
• Проверьте ваш блог. Чтобы просмотреть подробную статистику и диагностику по поводу вашего сайта, подтвердите, что вы владеете сайтом. Вы можете это сделать, загрузив указанный HTML файл или путем добавления мета-тегов в шаблонах своего сайта.
• Загрузите карту сайта (Sitemap). Карты — отличный способ рассказать Google о содержании вашего сайта, который мы, возможно, не сможем обнаружить. Google предпочитает карты, созданные с использованием протокола Sitemap, однако, мы принимаем несколько различных форматов. Если вы публикуете RSS или Atom ленты вашего сайта, вы можете представить их в качестве карты.

П.С. в следующей статье я рассмотрю применение этих принципов на конкретном примере блога работающего на WordPress.

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

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

Рома Воронежский

Арт-директор студии Лебедева.

Кроме кучи красивых иконок нарисовал на 7-летие студии интересный плакат:

Нажмите для просмотра в исходном виде

Алексей Гаркушин (Gas13)

Дизайнер из России. Создает в основном графику для игр в мобильных телефонах.

Алексей придумал интересный проект — коллекцию пиксельных марок. Те, кто владеют пиксельной графикой могут нарисовать марку для одной из 4 тематик: спорт, фентези, еда и национальности.

С полной коллекцией марок можно ознакомиться на сайте проекта.

А теперь самое интересное.

Eboy

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

Работы студии:

— Самые знаменитые работы этих ребят — это плакаты городов (Берлин, Лондон, Нью-Йорк, Венеция, Токио), которые в напечатанном виде можно купить в их интернет-магазине.

Постер Лос-Анжелеса

Ссылки на исходные варианты некоторых постеров (смотреть нужно только в увеличенном виде):

Нью-Йорк

Токио

Лондон

Венеция

— Постер для Adobe

Исходный вариант:

Кликните для просмотра в оригинальном размере

Также ребята украшают своими работами сноуборды, подушки, кеды, кредитные карточки, айподы, айфоны и многое другое:

А теперь коммерческие работы студии:

— Обложка альбома группы Groove Armada:

— Реклама Кока-Колы на автобусах и на билбордах:

— Видеореклама

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

Систематизация процесса

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

Собственно, перейдем к процессу верстки. Я всегда практиковал раздельное написание HTML и CSS. И не я один. По ситуации, конечно, но если у вас не слишком сложный проект, то лучше сначала полностью прописать HTML, а потом уже браться за CSS. Для этого необходим некоторый опыт, зеленому верстальщику сложно будет сразу разложить все по полочкам, так сказать, порезать дизайн в голове. Но к этому необходимо стремиться. Это не только упростит работу, но и ускорит ее. Я, к примеру, сначала вбиваю весь HTML, потом прописываю названия классов в CSS на основе готового HTML’a (чтоб ничего потом не пропустить), а потом методично заполняю CSS, попутно вырезая все нужные картинки из дизайна и просматривая всю эту радость в IE. Почему в IE, – думаю, понятно не только верстальщикам, но даже людям далеким от верстки :)

Через некоторое время работы (буквально через пару месяцев) вы обнаружите, что некоторые элементы вы прописываете практически идентично в каждом проекте. DOCTYPE, div id=”header”, логотип или фильтры png для IE6. И сразу возникает мысль: а на кой черт я трачу свое время? Или ситуация вроде такой: надо сделать дроп-даун меню, где-то я уже это делал, да и скрипт переписывать впадлу – и пое-е-ехали рыскать по предыдущим проектам в поисках заветных 10 строчек javascript’a. Есть, как по мне, единственно верный способ сократить поиск нужных элементов до минимума – это использовать набор заготовок (темплейтов), – заготовок кода всевозможных элементов, будь то почти стандартный CSS для логотипа или lightbox на jquery. По мере продвижения работы вы сами поймете, какие элементы вам нужны. Не обязательно часто повторяющиеся. К примеру, у вас накопится 100 проектов, а в следующем нужно будет сделать какой-нибудь аккордеон, и он уже где-то был, но ёпт, где же?! Вот и темплейты вам в помощь. Самым главным темплейтом я считаю заготовку под пустую страницу, и вам рекомендую. Вот, например, мой темплейт CSS:

html{font-size:100.01%;}
body{margin:0;}
/* GENERAL */
img{border:0; display:block;}
form{display:inline;}
.hidden{
display:block;
overflow:hidden;
text-indent:-9999px;
}
p{
margin:0;
padding:0;
}
ul{
margin:0;
padding:0;
list-style:none;
}
.float-left{float:left !important;}
.float-right{float:right !important;}
a:focus{outline:none;}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
}
/* MAIN */
#main{ }
/* HEADER */
#header{ }
/* CONTENT */
#content{ }
/* FOOTER */
#footer{ }

Стандартная раскладка блоков, некоторые часто используемые стили, как .hidden или просто .float-left, обнуление некоторых тегов (типа не рекомендуется, но я забиваю) и т.д. и т.п. Здесь лежит мой полный набор темплейтов. Но я думаю, что любой сможет сделать что-то свое, более ему подходящее.

Ну, и естественно, хоткеи. Куда ж без них. Ей-богу, пока не открыл для себя хоткеи в Dreamweaver’e, вообще понятия не имел, что такое быстро работать. После проставления горячих клавиш на strong, a, ul, li, table, tr, td и прочие время работы сократилось в 2-3 раза. Тоже касается и Photoshop’a, хотя тут и так многое стоит по default’y, но кое-что все-таки добавить стоит. К примеру, ’scale’ и ‘canvas size’. Главное только убедиться в удобстве использования тех хоткеев, что вы проставили. Чтобы ради одного span’чика не надо было двумя руками обхватывать клавиатуру. Ну, а так, в принципе, больше распинаться о преимуществах горячих клавиш нет смысла: они очевидны. Хоткеи нужны, и это факт!

Самоанализ

Все, что я наваял выше, это, конечно, хорошо, упрощает и ускоряет работу, но это только вспомогательные вещи. Если у вас есть большой набор темплейтов и каждый тег оптимально прописан в хоткеях, это еще не значит, что вы моментально начнете клепать по 5 сайтов в день. Необходима некоторая база, а еще важнее периодически проводить анализ и пересмотр методов собственной верстки. Я за время работы верстальщиком кардинально менял стиль порезки раз в 3 месяца. В лучшую сторону, конечно :) Самоанализ – великая штука. Надоели float’ы – убейте их нафиг и сделайте по-человечески! И делайте код чище, чтоб еще кто-то, кроме вас, мог в нем разобраться. А в говнокоде черти водятся.

Цели и стимулы

Начиная с некоторого момента, стимулы становятся чуть ли не главной двигательной силой всего рабочего процесса. Вначале они рождаются сами собой: новые знания, работа, впечатления. Но со временем приходится самому ставить перед собой всевозможные цели. И даже не столь важно, какие именно, будь то зарплата или просто “я хочу стать самым крутым перцем в этой фирме”. Главное, чтоб они в принципе были, а желательно – чтобы их было несколько. Тогда при утрате одних стимулов еще остается парочка в запасе. Особенно это помогает в тяжелые моменты, если у вас депрессняк или если просто встали не с той ноги. Что мне еще часто помогало (но не всегда получалось) – это некая планка, ниже которой никогда нельзя опускаться. Это и самодисциплина, и некая стабильность, и, может быть, уважение начальника/клиента.

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

И не забывайте простую вещь, которую вам скажет любой психолог: если после отпуска у вас начинается депрессия – пора увольняться :)

Да-да, мы рады Вас видеть! Именно Вас, а не кого-то другого, кто не зашел к нам :). Мы не знаем, как Вы к нам попали и что ищете, но раз уж так получилось – позвольте рассказать Вам о Webing’e (вебинге).

Краткая предыстория

Начнем, пожалуй, с нашего названия, ведь из-за него все и “закрутилось”. Вас это может удивить, но мы его не придумывали :). Как-то давно, Я и Дима просидели несколько ночей подряд, пытаясь сообразить название для веб-студии, в которой мы тогда вместе работали. Накреативили кучу всего, выбрали лучшие варианты, спросили мнения у нескольких друзей и… так ни на чем и не остановились:)

Не знаю, как будут обстоять дела с названиями для наших других проектов, но с блогом было все очень просто. Однажды вечером я набрел в сети на сайт со списком освободившихся доменов и нашел там домен webing.com.ua. Сразу возникли ассоциации с Web’ом и с процессом создания Web’a или любой другой жизнедеятельностью в Web’е. В общем, слово мне понравилось и, недолго думая, я купил этот домен. За ночь я успел в общих чертах сформулировать концепцию блога и уже на следующий день я решил, что надо не затягивать с реализацией задуманного и как можно скорее начинать. Но мне совсем не хотелось делать это одному, потому что - одна голова хорошо, а две, три, четыре, пять - лучше, умнее, сильнее, веселее и интереснее. И в конце концов - я слишком ленивый, чтобы делать всё самостоятельно :)

Поэтому, я решил пригласить “на пиво” четырех своих друзей, занимающихся веб-девелопментом (в широком смысле этого слова) в разных областях и с разным опытом. И, ничего не подозревающие, Алекс Атемасов, Дима Серов, Маирбек Хадиков и Славик Высокинский собрались вечером в замечательном заведении “Пузата Хата”, где я и поделился с ними своей идеей, а так же предложил поучаствовать в создании этого проекта.

Блог

Что же мы все таки придумали? – спросите Вы. Отвечу: здесь мы будем писать блог. Но блогом мы не ограничиваемся и это не просто „еще один блог про web и IT”, а нечто большее…

Webing – это самореализация: наша – для Вас.

Мы пишем свои статьи, переводим чужие, делаем исследования, придумываем и запускаем новые проекты (start-up), – одним словом, даем выход нашей творческой энергии. А она, в свою очередь, принимая те или иные формы, обретает смысл и, как мы надеемся, приносит пользу веб-человечеству, – в частности, и Вам. Делать все это мы будем стараться необычно, ведь наша цель - не просто оставить свой след в Вебе, а изменить Всемирную Сеть!

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

С Вашей помощью мы сможем сделать Веб лучше, интереснее и веселее, и это позволит подарить Вам и многим другим еще больше впечатлений, удовольствия, пользы и знаний!