4 заметки с тегом

Советы

Пора наконец использовать Цеплин!

Стоило мне перейти на Скетч, как тут же получил пол-студии врагов. Менеджеры требуют psd и угрожают встретить ночью возле подъезда, если они не получат psd в ближайшие 10 минут. Верстальщики суровой фотошопной закалки тушат сигару и грозятся позвонить в агентство коллекторов-вышибал psd. Я уже поставил в прихожей чемодан с котом, билетом в Чили и поддельным паспортом, но тут в бету вышел Цеплин.

Действительно, Скетч на Винде не запустить, а Мак хотят далеко не все. Кажется очевидным юзать универсальный Фотошоп, который есть везде. Однако, верстать из фотошопа — мучение. Он грузится 15 секунд, макет одной странички в нём по 50-300 мегабайт, нужно постоянно держать alt, чтобы смотреть расстояния, экспортировать иконки нужно через задницу и едрёну мать, а картинку для ретины вообще не экспортнёшь, если только предварительно каждую не обворачивать смартобджектом.

Эдоби Фотошоп ЦЦ 2015

И тут из беты вышел Цеплин. Четверо ребят из Стамбула, а теперь уже из долины в Сан-Франциско, сделали его специально для верстальщиков. Главная и единственная его функция — показывать расстояния, шрифты, размеры и цвета. Цеплин легко запускается даже на слабых компьютерах прямо в браузере, который и так всегда открыт у всех, и не ест лишние ресурсы. Верстальщику вообще не нужно думать о том, установлен ли у него очередной Geometria_Light_Sans-serif.otf или как экспортировать эту иконку.

Цеплин в Хроме

Секунду, господин. Выходит верстальщикам Фотошоп теперь вообще не нужен?

Да, ведь это удобно! Не нужно хранить тяжёлый архив с пятью psd’шками для каждой страницы, в которых шапка и футер вообще одинаковые. Я передаю верстальщику одну короткую ссылку на все макеты и готовый набор для вёрстки со всеми картинками в двух разрешениях и векторными иконками в svg.

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

Текст с неразрывными пробелами, который лекго скопировать

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

Извольте, Фотошоп у меня бесплатный. А Цеплин?

Бесплатно использовать один аккаунт для одного проекта. Аккаунт нужен для добавления проектов, верстальщику ничего платить не нужно.

Что в итоге

Верстать интерфейсы в Фотошопе в 2015 году — тратить больше ресурсов и делать работу медленнее. Со связкой Скетч + Цеплин дизайнеры и верстальщики работают быстрее, нагрузка меньше, а проекты качественнее.

2015   Дизайн   Рекомендую   Советы

Путешествия с Airbnb

Квартира в Утрехте с огромными панорамными окнами

Хостелы — это прекрасно. Я обожаю хостелы, особенно хорошие. Но если хотите тишины и личного пространства в другой стране — смело снимайте квартиру. Можно искать их на локальных сайтах по аренде недвижимости, но проще всего найти такую квартиру через Airbnb.

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

Квартира плавно перетекает в улицу

Airbnb берёт комиссию за работу, но они же и раздают деньги. Регистрироваться лучше всего по чьей-нибудь ссылке, так вы получите бонус на счёт. Я зарегистрировался по ссылке какого-то чувака в интернете, а теперь предлагаю вам свою: http://www.airbnb.com/c/0dcfb3. Вы получите 1300 ₽ на счёт сразу же, а я получу 1300 ₽, когда вы совершите первое бронирование.

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

Почему мама учила вас чистить зубы неправильно

Сразу стоит сказать, что большую часть жизни я никогда не парился насчёт чистоты зубов. Я из тех, кто уезжая из дома на 3 дня думает «Да зачем ещё щётку с собой таскать. Пожую жвачку, ничего со мной не станет». Это как с похудением: от одного чебурека с лучком и капающим с него жиром твои конечности не увеличатся в диаметре, а грудь не начнёт предательски выпирать из-под футболки. Но если жрать их раз в неделю, придётся забыть про людей противоположного пола с иным взглядом на жирную пищу.

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

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

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

Зубная нить

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

Берите любую нить и просто попробуйте. Раз в неделю закрывайтесь ото всех в ванной и просто попробуйте. За минуту усилий наградите себя непередаваемыми ощущениями — чисто и легко.

Вода впиталась в широкую нить и не стекает

Как ей пользоваться?

Самая клёвая техника 1-минутной чистки. Айпад в ванную, смотрите и повторяете:

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

Пользуйтесь нитью, епта!

2015   Советы

Кнопка Гитхаба в Лайкли

Лайкли — отличные социальные кнопки от Ильи Бирмана. Но туда забыли положить гитхаб, давайте исправим.

Сперва likely.js нужно привести в читаемый вид, например, с помощью jsbeautifier.org. Найдите поиском d = {, в эту переменную добавляем счётчик гитхаба:

github: {
   svgi: '8.05236364,0.220606061 C3.69163636,0.220606061 0.155151515,3.75660606 0.155151515,8.11878788 C0.155151515,11.6082424 2.41793939,14.5682424 5.55636364,15.6126061 C5.95151515,15.6853333 6.09551515,15.4414545 6.09551515,15.232 C6.09551515,15.0448485 6.08872727,14.5478788 6.08484848,13.8889697 C3.888,14.3660606 3.42448485,12.8300606 3.42448485,12.8300606 C3.06521212,11.9175758 2.54739394,11.6746667 2.54739394,11.6746667 C1.83030303,11.1849697 2.60169697,11.1946667 2.60169697,11.1946667 C3.39442424,11.2504242 3.81139394,12.0087273 3.81139394,12.0087273 C4.51587879,13.2155152 5.66012121,12.8669091 6.11006061,12.6647273 C6.18181818,12.1546667 6.38593939,11.8065455 6.61139394,11.6092121 C4.85769697,11.4099394 3.01381818,10.7321212 3.01381818,7.70569697 C3.01381818,6.84363636 3.32169697,6.13818182 3.82690909,5.58642424 C3.74545455,5.38666667 3.47442424,4.58327273 3.90448485,3.49624242 C3.90448485,3.49624242 4.56727273,3.28387879 6.07612121,4.30593939 C6.70593939,4.13042424 7.38181818,4.04315152 8.05333333,4.03975758 C8.72436364,4.04315152 9.39975758,4.13042424 10.0305455,4.30593939 C11.5384242,3.28387879 12.2002424,3.49624242 12.2002424,3.49624242 C12.6312727,4.58327273 12.3602424,5.38666667 12.2792727,5.58642424 C12.7854545,6.13818182 13.0909091,6.84363636 13.0909091,7.70569697 C13.0909091,10.7398788 11.2441212,11.4075152 9.48509091,11.6029091 C9.76824242,11.8467879 10.0208485,12.3287273 10.0208485,13.065697 C10.0208485,14.1212121 10.0111515,14.9730909 10.0111515,15.232 C10.0111515,15.4433939 10.153697,15.6892121 10.5541818,15.6121212 C13.6901818,14.5653333 15.9510303,11.6072727 15.9510303,8.11878788 C15.9510303,3.75660606 12.4145455,0.220606061 8.05236364,0.220606061',
   counterUrl: 'https://api.github.com/repos/dezonik/Typograph?callback=?',
   convertNumber: function(data) {
      return data.data.watchers_count;
   },
   clickUrl: 'https://github.com/dezonik/Typograph'
}

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

.likely__widget_github:hover,
.likely__widget_github:active,
.likely__widget_github:focus {
background: rgba(224, 224, 224, 1);
border: 1px solid rgba(224, 224, 224, 1);
}

В своей хтмлке просто добавьте новый див с гитхабом.

<div class='likely'>
  <div class='facebook'>Share</div>
  <div class='vkontakte'>Share</div>
  <div class='telegram'>Send</div>
  <div class='twitter'>Tweet</div>
  <div class='github'>Watch</div>
</div>

Это всё! Вживую кнопку можно пощупать на странице Типографа.

upd

Неактуально для новой версии :( Можно скачать старую версию с Гитхабом, но с неработающим Фейсбуком: likely-0.94-github.zip

2015   Сайт   Советы