Совершенно неожиданно повел себя наш любимый dribbble.  Видимо ради привлечения большего числа креативных людей в своё сообщество всем «игрокам» было презентовано по 2 инвайта для приглашения в узкий розовый дизайнерский круг. Хотя судя по тому что пользователей и сейчас уже очень много, скоро этот круг будет не таким уж узким.

Как вы уже читали, не так давно я сам попал на dribbble, чему был несказанно рад. А теперь у меня даже появилась возможность пригласить каких-нибудь двух счастливчиков. Так давайте же устроим традиционный отбор. Правила простые: вы оставляете в комментариях ссылку на свой шот, который вы бы хотели опубликовать на dribbble и в понедельник (20 февраля) я определю двух лучших претендентов, которые и получат заветные инвайты.

Для участия вам нужно:

1. Зафолловить меня в твиттере.

2. Сделать ретвитт этого сообщения.

3. Выложить в комментарии к этому посту ссылку на себя в твиттере, ссылку на свой дрибббловский профиль (Если кто не знает, то там можно зарегистрироваться в качестве наблюдателя) и ссылку на свой офигенный шот (Размер шота 400x300px).

Результаты будут опубликованы 20 февраля, как в этой статье, так и в моём твиттере.

Всем удачи! Очень надеюсь увидеть здесь много достойных работ!

UPD: Поздравляю Сергея (@grsmv) и Александру (@alexandra_zm) с победой в конкурсе! =) Они получают свои заслуженные инвайты на #dribbble!

В командной работе требуется быстро совместно управлять рабочими файлами. Для этой задачи чрезвычайно полезным является знаменитый сервис Dropbox. Тем более хранить важные для вас файлы в «облаке» — это удобно и может выручить в некоторых ситуациях.

Dropbox чрезвычайно удобен своим интерфейсом и доступностью. Он имеет множество клиентов под разные операционные системы, да и браузерный вариант вполне приемлем, если нет возможности установить полноценное приложение.

Изначально в системе вам предоставляется бесплатно всего-лишь 2,5 Gb свободного пространства, которое вы можете использовать по своему усмотрению. Это не много, но вполне достаточно для бытовых задач. Время идёт, а места требуется всё больше и больше. Мы уже не укладываемся в предоставленный минимум, но всё ещё не хотим платить деньги за использование данного сервиса (ну да, все такие экономные), а превлечение рефералов ограничилось двумя лучшими друзьями.

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

Купил Samsung в Бразилии? 2 Gb в подарок!

Конечно ничего покупать для этого способа не потребуется, ведь есть народные умельцы, которые нашли обходные пути. Акция проходит до 2 апреля 2012 года, так что у вас ещё есть время, чтобы воспользоваться ей.

Суть её заключается в том, что всем людям, купившим один из аппаратов samsung в бразилии предоставляется дополнительное бонусное пространство на 2 Гб в Dropbox.

Порядок действий:

1. Идём на страницу промо-акции http://www.samsung.com.br/dropbox/

2. Жмём на голубую кнопку «avancar», которая обозначает «Продолжить»

3. Снова жмём «Продолжить»

4. Вводим e-mail, на который зарегистрирован ваш Dropbox аккаунт.

5. Заполняем приведённую форму. Пароль вводим вида 5683ulot, а CPF мы можем сгенерировать на сайте http://www.gerardocumentos.com.br/.

6. Скачиваем програмку IMEILastDigit, которая поможет нам сгенерировать нужный IMEI. Вводим 356002040 + любые пять цифр и получаем в поле Good IMEI требуемый результат.

7. Выбираем телефон GT-S5570B, вводим наш сгенерированный IMEI и жмём на [+]

8. Жмём «Продолжить» и получаем наш заветный промо-код (синенький такой), который теперь надо  ввести на https://www.dropbox.com/coupon и получить наши долгожданные 2 Гб.

Информацация взята на Хабрахабре.

Сыграем в бета-тестеров.

На данный момент Дропбокс тестирует свою новую систему автоматической вкачки фотографий и видеозаписей с внешних носителей. За тестироване данной функции они предллагают по 500 Мб к объёму вашего аккаунта за каждые 500 Мб залитых данным образом фоток или видео. При этом максимально вы можете заработать себе + 5 Гб к нынешнему номиналу.

Узнал я об этой акции из отличной статьи на Хабре. Там полноценно расписывается что нужно делать. Но в комментариях промелькнул способ как «Прокачать» аккаунт быстрее и не ждать пока 5 Гб фоток или видео сольются на сервера Дропбокса.

1. Качаем тестовую версию дропбокса и устанавливаем.

2. Скачиваем  небольшой образ. Монтируем его через DAEMON Tools.

3. После того как смонтировали жмём на виртуальный привод правой кнопкой мыши и выбираем «Открыть автозапуск…» и в автозапуске выбираем подпункт «Import pictures and videos используя Dropbox»

Ну и нам остаётся подождать несколько минут, когда дропбокс перекинет .tif файлы из образа к себе в Camera Uploads и передаст на сервер. У вас на глазах вместительность аккаунта увеличится на 5 Гб.

Ну вот и всё! Наслаждайтесь своим новым бесплатным пространством для прекрасного облачного хранилища и пусть оно принесёт вам много продуктивной деятельности!

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

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

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

Резать ширину сайта под 980 пикселей уже все привыкли, но теперь нашей новой аудиторией выступают пользователи планшетов и смартфонов, о которых так же приходится заботиться. Если вы хотите посмотреть отличные примеры адаптивного дизайна — вы можете посетить сайт http://mediaqueri.es/, на котором собраны одни из лучших представителей да.

Одним из самых удобных способов реализации является CSS3 Media Queries . Сутью этого способа является написание персональных стилей для каждого разрешения. Причем стили пишутся не для фиксированных значений, а для диапазонов разрешений (соответственно диапазон мы определяем по значению ширины), чтобы перераспределить элементы в более удобном расположении. При верстке в таком формате лучше указывать значения ширины в процентах, дабы элементы были «растягивающимися».

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

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

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

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

Я советую в данной ситуаци воспользоваться прекрасным сервисом Cufon, который предлагает вам привязать ваш сторонний шрифт к сайту. Способ основан на создании JavaScript библиотеки с выбранным шрифтом, и последующий рендеринг требуемых надписей.

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

Перейдём непосредственно к мануалу по установке:

1. Первым делом нам потребуется скачать библиотеку cufon

2. Отправляемся на их сайт и генерируем файл шрифта.

Постараюсь описать по порядку основные пункты, которые вам стоит учесть при генерации файла шрифтов.

• Изначально нам нужно загрузить оригинальный файл шрифта. Вообще достаточно загрузить его в Regular typeface, если вам от шрифта не требуется специально начертания bold, italic или bold italic.
• Выставляем галки на нужных нам символах из данного шрифта.  Допустим вам нужны только латинские символы… Для этого достаточно поставить галку напротив Basic Latin.
• Листаем в самый низ страницы и ставим галку напротив I acknowledge and accept these terms, тем самым соглашаясь с условиями лицензии.
• Жмём на большую синююю кнопку «Let’s do this!»

3.  Скидываем библиотеку и файл со шрифтом куда-нибудь в корень сайта, допустим в папку js. Подключаем их к сайту, вставив код до закрывающего тега </head>:

<pre><script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/имя_файла_сгенерированного_шрифта"></script></pre>

4. Прописываем далее ещё несколько строк кода, которые показывают какие элементы будут написаны данным шрифтом. Допустим я для подобных целей буду использовать придуманный мной тег <shrift>, тогда нам нужно будет прописать код:

<pre><script type="text/javascript">
  Cufon.replace('shrift');
</script></pre>

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

<shrift>Пример текста</shrift>

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

Ещё я бы посоветовал вам обратить внимание на Google fonts, так как там есть множество шрифтов, которые можно подключить к вашему сайту прямиком с серверов гугла.

Уже  который раз я делаю себе новый сайт-портфолио. И буквально через пару месяцев хочу всё переделать.

В этот раз моей целью было создание простой площадки, на которую я смогу без лишней затраты сил выкладывать новые работы и беззаботно создать миниатюры для них. Тем более макет нового сайта-портфолио я уже нарисовал месяца три назад. Пора было воплотить задуманное в реальное. Некоторое время я потратил на поиск движка, на котором я буду осуществлять свой план и в конце концов наткнулся на http://pluxfolio.ru/

Для себя я отметил следующие плюсы данного движка:

• Бесплатность
• Отсутствие базы данных (значит черезвычайно просто его перетащить с места на место)
• Удобная система управления
• Простота загрузки работ и возможность редактирования миниатюр

Единственным минусом оказался непонятный баг… Сам движок подразумевает возможность создания «Фотоальбомов», чтобы как-то можно было разграничивать

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

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

На результат можно посмотреть здесь: http://krenskiy.ru

Ну вот и сбылась мечта идиота ) Наконец-то я был приглашён в качестве «игрока» в знаменитую закрытую социальную сеть дизайнеров dribbble.com :) Встретили меня добродушно и дали очень приятные оценки первой работе, которую я показал.

Сам по себе dribbble представляет собой площадку на которой дизайнеры со всего мира выкладывают свои работы. Причём интересной особенностью является ограничение размера изображения 400×300 px. Так что если работа большая — то вам придётся постараться и показать самый интересный кусочек своего творения, чтобы привлечь внимание других пользователей.

Вечный вопрос dribbble — «What are you working on?». Эти слова отлично описывают цель данного ресурса. Это место, где дизайнеры могут узнать о нынешних тенденциях, обратиться за вдохновением или выставить свою работу на суд коллегам.

Мой профиль на dribbble: http://dribbble.com/kdmi

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

Профессиональные студии могут спокойно позволить себе покупку изображений на стоках, таких как http://ru.depositphotos.com/, а в лучшем случае возможность провести специально фотосессию для нового проекта. Начинающим дизайнерам и тем, кто старается сократить расходы любым способом предоставляется более скромный выбор. Ниже я расскажу как правильно искать бесплатные картинки для ваших проектов.

1. Бесплатные фотостоки

На наше счастье существует несколько фотостоков с бесплатными изображениями. Например http://www.photl.com/ предоставляет возможность скачивать бесплатно из своего репозитория по 50 изображений в сутки. Не самого лучшего качества, но вполне нормального для некоторых работ. Вам лишь потребуется пройти простую регистрацию. И вот у вас уже есть приличный банк изображений. Русский язык, к сожалению, сервис не поддерживает, но тем, кто не силён в английском всегда поможет http://translate.google.com

Также вам стоит обратить внимание на русский фотосток http://clip.dn.ua/ и отличный американский http://www.sxc.hu/

2. Собираем нужное из нескольких фотографий

Есть прекрасный сервис TinEye. Это гугл для картинок. Загружаете картинку или просто указываете её адрес в вебе и система ищет похожие на неё изображения (Кстати у них есть отличные расширения для хрома и лисы, которые гораздо упрощают процесс).

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

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

Возьмём эту большую картинку и сохраним.

Скачаем её маленькую версию и отправим в фотошоп.

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

3. Бесплатные клипарты

Да, я с самого начала сказал, что клипарты — это зло и их используют повсеместно. Но их настолько много, что можно среди всего этого хлама найти именно то, что вам нужно. Вообще чаще всего я просто в поисковике ищу нужные мне вещи по запросам вида «Счастливые дети клипарт скачать бесплатно». И  слава богу пока это даёт результат. Но иногда, особенно когда начинается творческий кризис стоит побродить по сайтам, на которые постоянно сливаются всевозможные клипарты и прочие графические материалы. Таких сайтов туева хуча, но я всегда использую только два: http://allday.ru/ и http://grafamania.net/. Обновляются они постоянно и база контента там огромная.

3. Купить, но дёшево

Когда вам уже совсем невмоготу и нужная картинка есть только на платном стоке — то пришло время её купить. Но давайте не будем тратить слишком много денег. Уверен, что есть множество сервисов, предоставляющих подобные услуги, но я пока знаком лишь с одним. http://photo-stocks.biz/ Товарищи занимаются тем, что продают картиночки дешевле.

Заключение

Скорее всего я что-то забыл упомянуть или не рассказал полностью, но это человеческий фактор. Если вы дополните мою статью — я буду вам чрезвычайно признателен. Вообще сам я очень люблю собирать нужные мне изображения по-частям. Это как большой интересный пазл… Но и готовые отличные изображения тоже обожаю. Выбирайте для себя способ, который покажется самым удобным и не будет отнимать слишком много сил, ведь на создание работы из этих исходников тоже нужно не мало терпения ;)

Недавно мне удалось поучаствовать в региональной олимпиаде «Волга ИТ — 2011». Олимпиада представляла из себя соревнование по нескольким номинациям. Одной из номинаций был веб-дизайн.

Честно говоря я совершенно случайно узнал о проведении олимпиады и зарегистрировался просто на всякий случай, чтобы если что проверить свои навыки, да и посмотреть на поволжских дизайнеров. Кстати одной из причин такого интереса к дизайнерам поволжья я считаю приближающуюся к открытию вакансию дизайнера в Awesome studio. Нам же нужны талантливые люди, которые будут жить по-соседству =)

Олимпиада состояла из двух туров. Первый тур был заочным и требовал выполнения заранее подготовленного задания. К  сожалению мы очень долго разбирались с моим проблемным e-mail’ом, на которой по неведомым причинам не доходили письма от организаторов (кстати тут им отдельный респект за то, что не положили на меня болт), и из-за этих разборок я узнал о заочном задании ровно за день до сдачи. Пришлось убить пять часов кропотливой работы на выполнение. Отправил за час до окончания сроков приёма =)

Суть задания была такова: Нарисовать по данному наброску фотореалистичную картинку. Как пример уровня выполнения нам ткнули пальцем на http://www.tinkof.ru/. Сами смотрите что у меня получилось. К сожалению, не было достаточно времени, чтобы отшлефовать рисунок, но думаю для пятичасовой работы вполне нормально вышло. Сверху приведён скетч, предоставленный организаторами.

По итогам первого тура  я занял первое место и набрал 9 баллов (не знаю из скольки, но моё самолюбие говорит, что из 10 ).

В очный тур прошло всего 9 дизайнеров. К сожалению у нас была самая малочисленная специальность. 26 ноября состоялось торжестенное открытие олимпиады. Прибыв в УлГУ на открытие мы получили бейджи участников, сумки, ручки, блокнотики с фирменной символикой олимпиады и флешки от Ростелекома на 4Гб (кстати это меня чрезмерно обрадовало, в виду того что я все свои флешки куда-то растерял).

Послушав приветственную речь, наше делегация отправилась в политех, где и провела последующие 7 часов, работая над заданием.

В политехе нас встретил Павел Крылов, арт-директор из ITECH.group. Собственно говоря он и курировал наши дальнейшие действия. На очный тур нашим заданием являлась разработка нескольких внутренних страниц сайта, по готовым структурным схемам и с опорой на уже готовый макет главной страницы. Вообще для полноценного выполнения задания надо было нарисовать три страницы: «Конструктор дверей», «Расположение магазинов компании» и внутренняя страница с информацией о фирме. К сожалению времени на выполнение такого задания (а я имею в виду качественное выполнение с проработкой всех мелких деталей) было катастрофически мало и поэтому основной задачей стало качественное выполнение хотябы одной из предложенных страниц.

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

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

Скачать файлы, предоставленные вместе с заданием, а так же мою работу можно по ссылкам ниже:

Задание  Моя работа

Уже на следующий день в час дня состоялось закрытие олимпиады и подведение итогов.

В веб-дизайне места распределились в таком порядке:

1. Кренский Дмитрий Олегович, Ульяновский государственный технический университет (Ульяновская область)
2. Васюхин Артём Викторович, Димитровградский инженерно-технологический институт — филиал НИЯУ МИФИ (Ульяновская область)
3. Никифоров Александр Юрьевич, Чувашский Государственный Педагогический Университет (Республика Чувашия)

Набрав 950 баллов из возможных 1024 мне удалось вырваться на первою позицию. Доволен результатом, но знаю, что мог бы лучше справиться. :)

Первым местам в качестве приза досталась читалка inch S6t, вторым мониторы с диагональю 21″, а третьим лазерные принтеры.

Моментально после награждения меня схватили репортёры с телеканала «Россия» и поспешили взять интервью, в котором я поделился своим впечатлением от проведённой олимпиады. Так что теперь я ещё и в телике засветился ))) Так же день спустя у меня попросили скинуть фотку для какой-то газеты, новости о финалистах олимпиады разлетелись по всем новостным сайтам (как бы эти сволочи не сбили позиции моих сайтов в поискоиках :) ), а через 2 дня мне ещё и правительственная телеграмма от нашего губернатора пришла :) Родственники радуются :) Хорошо бы было ещё получить какие-нибудь бонусы по учёбе, ведь сессия на носу )))

Подведём итоги:

Организация мероприятия была очень даже хорошая. Всё сделали чётко, молодцы! =) Задачи были поставлены действительно интересные. С удовольствием провёл время за любимым делом. Отдельное спасибо надо сказать Паше Крылову за потраченное время и подготовку заданий для нас. Олимпиада понравилась, было приятно поучаствовать и я постараюсь принять участие через год в «Волга ИТ — 2012».

P.S. На меня что-то там гнали про плохие записи в твиттере по поводу олимпиады и заспамливание всяким говном хэштега #volgait. Враньё! ничего я плохого не писал. Разве что пару раз нецензурно выругался ) Но мат — это неотъемлемая часть русского диалекта.

ВНИМАНИЕ!!! Пропала Гульназ Валлиулова, 18 лет 11.11 около 3 часов дня в Новом городе села на 75 маршрутку от 30 рынка,чтобы доехать до Дружбы народов,чтобы оттуда поехать в Мирный была одета как на фотографии.если кто что знает,прошу позвонить по номеру 9041922072 Скопируйте,пожалуиста,себе это сообщение! http://vkontakte.ru/club32079196

Мой друг, Несин Антон, выпустил свой первый альбом. Прошу любить и жаловать!

Вот и состоялся релиз альбома «First Steps». Было проделано очень много работы, набрано не малое количество опыта.
Альбом включает в себя музыку в стиле Drum and Bass и Dubstep. «First Steps» является полу-мультитрековым альбомом. Это означает, что некоторые треки можно скрепить в единую композицию для полного представления картины. Основная тематика получилась немного в стиле «Dark Atmosphere» с нотками драйва и адреналина.

Исполнитель: DJ McGrady
Альбом: First Steps
Год выхода: 2011
Жанр: Drum and Bass / Dubstep

Треклист:
01 — Intro
02 — Urban Dubstep
03 — Illicit
04 — Space Dust
05 — Sunday 27
06 — Ability (Subwoofer Low Bass)
07 — Imagination
08 — Easy Way
09 — Somewhere I Belong (feat. Linkin Park)
10 — Splinter Memory
11 — Overcast Single
13 — Hard Sh_t
14 — Outro

Звук: 320 kbps, MP3
Продолжительность: 45:53 min