12 заметок с тегом

сайт

Как сделать сайт бара «Ельцин» охуенным

В Калининграде есть бар. У бара есть радио, которое в нём играет. А ещё сайт, где его можно послушать из дома, больше ни для чего он вроде не нужен:

Часть кранов постоянно меняется: было бы круто заранее знать, появилось ли что-то интересное на пробу или клёвое пиво, пропавшее три недели назад. Хочется, чтобы напротив доски висела камера и вещала на сайт. А плееру не помешает добавить шазамности:

— О, там шоколадный стаут появился, пошли в бар?

2016   бар   видео   город   дизайн   сайт   совет

Сломанное тонкое подчёркивание в Сафари: фиксед

В конце лета в Сафари сломалось подчёркивание ссылок через бледный бордер-боттом: линия в некоторых случаях размывалась в два пикселя и становилась страшной.

Я страдал, пробовал подчёркивать однопиксельным градиентом, с надеждой смотрел в черновики ЦСС, ныл в твиторе. А решение помог найти Дима Дорошев. Он написал какой-то жёсткий хак на Джейквери, но помогло не это. В фидле для примера есть ссылка с инсетом:

border-bottom-style: inset;

Выглядит как solid, но не размывается. То, что нужно!

Может показаться, что groove делает то же самое. На самом деле он ещё и затемняет линию, осторожнее с этим.

Программа для больших скриншотов

Это Папарацци:

Делает скриншот страницы в интернете или на локалке целиком. Можно указать минимальный размер и обрезать. Для страниц с кучей яваскрипта я включаю задержку перед снимком в 5 или 10 секунд.

Пользуйтесь на здоровье.

ВКонтакте и Фейсбук

За два-три месяца незаметно для себя почти полностью перешёл на Фейсбук.

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

А теперь из ВКонтакте на айфоне почти полностью выпилили музыку. Скоро, наверное, тоже самое произойдёт и с сайтом. Получается, что из полезного там остаются только сообщения. А пользоваться вконтактовскими сообщениями и чатами — как-то странно, когда есть Телеграм и меседжер Фейсбука (или Вотсап там какой-нибудь).

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

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

Бейс-64 вместо спрайтов

Делать спрайты — самое дурацкое занятие из всех. Неудобно, долго. Часто еще дизайнер даёт сделать спрайт технологу — тогда вообще ад. Перерисовал иконку? Ну ок, иди в спрайт и заменяй там, у тебя же куча свободного времени.

Я склеивал спрайты от безысходности. Ну, просто не знал, чем хорошим их заменить. Недели три назад на сессии Живых советов (кстати, рекомендую: по средам в 19 часов в Коворкафе, что на «Флаконе») Коля Митин посоветовал забыть про спрайты и использовать Бейс-64, и заодно показал сайт, который перегоняет картинки в код.

В процессе просто ставлю картинки и не обращаю внимание на то, что что-то там дёргается и долго грузится, а когда нужно зарелизить — все картинки, фоны и иконки за пятнадцать минут конвертируются в Бейс-64. Красота.

А еще это быстро и аккуратно подгружающиеся кастомные шрифты.

2013   веб   вёрстка   дизайн   работа   сайт   совет

ИФТТТ

Это очень здоровская штука. Вот, попробуйте: ifttt.com.

Пощу фоточку в Инстаграм — ИФТТТ забирает и постит её в Твитер. Когда добавляю какой-то твит в избранное, то ИФТТТ смотрит, есть ли в нём ссылка: если есть — отправляет в Ридабилити, чтобы почитать потом. А еще у Ютуба всё очень плохо с этой историей про «посмотреть позже» (просмотренное не удаляется из списка, и сам список сложно найти), поэтому когда я жму кнопку, ИФТТТ отправляет видос в Ридабилити, где всё по-человечески работает.

Сайт вот так показывает эти связи:

2013   веб   дизайн   сайт   система

Хороший интерфейс «Ох, жизни»

«Ох, жизнь» не заставляет привыкать к себе и учиться новым сценариям.

Штука, в которую нужно каждый вечер писать о том, как прошёл день, а потом перечитывать, вспоминать, сравнивать дни. Обычные братухи-стартапухи сделали бы сайт, на который нужно было бы заходить и писать в красивое окно, продираясь сквозь навороченный интерфейс. Это надо вспоминать каждый день, как называется то, куда это мне нужно зайти, потом вспомнинать УРЛ или находить закладку, залогиниваться. Как-то фиго́во. Таким мало кто сможет долго пользоваться. Я бы и двух дней не выдержал.

«Ох, жизнь» не заставляет, а только встривается в привычную среду. Я отвечал на 20 писем в день. Теперь приходится писать двадцать один ответ :-)

Сначала сервис попросит почту, потом — придумать пароль (он нужен, чтобы увидеть все записи на сайте; если его забыть, то ничего страшного не случится). А дальше магия.

В 20:00, к вечернему кофе, на почту приходит письмо «How’s your day going?», к которому приложена одна из собственных записей (через неделю использования к письму прикладывают записку недельной давности, через месяц — месячной). Иногда случается, что события дней совпадают — кайф. Этой штукой можно пользоваться годами. Кстати, самое время начать.

P.S. Спасибо Диме за рекомендацию.

Ссылки в Тижорнале

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

Можно красить сказуемые со второстепенными:

«Братья-мусульмане» отказались уходить
Пятеро иорданцев оказались в тюрьме за попытку присоединиться к сирийской оппозиции
«Филя жжот»: Рунет восхищен самоиронией Киркорова   (Киркорова тут тоже можно покрасить)

И не красить через точку:

Россия 100 лет назад в цвете. Фоторепортаж

Смотрите, каким я стал терпимым — не наезжаю на ребят за неподчёркнутые ссылки :-) Хотя, постойте-ка:

2013   веб   вёрстка   дизайн   сайт

Книги и фильмы

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

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

Книги в Букмейте

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

Подписка стоит 100 рублей в месяц.

Фильмы в Аййо

В Аййо есть почти всё. Если чего-то нет, то очень скоро появится. Еще очень быстро появляется свежак. И сайт разговаривает человеческим языком, это важно. Фильмы в Аййо не покупаются, а берутся в аренду на 48 часов. Работает так, что если начать смотреть за пять минут до конца оплаченного времени, то всё будет в порядке и фильм не оборвётся через пять минут, можно досмотреть до конца.

Фильмы стоят от 50 до 80 рублей. Дороже пока не встречал. Есть бесплатные.

Сериалы в Соапче

Соапч — это лучший сериальный сайт. Ваш Турбофильм — (как бы это помягче сказать) говно. Соапч знает все сериалы, даёт посмотреть в переводе, с субтитрами, в оригинале без субтитров, в разном качестве, следит за непросмотренными сериями, умно группирует сериалы. Для айфона есть соврешенно прекрасное приложение.

Подписку на Соапче можно купить за 100 рублей в месяц.

Посещённые ссылки

Мне кажется, по дефолту у ссылки должно быть два состояния: обычные и ховерное. А посещённое состояние нужно использовать для случаев, когда на странице много ссылок и легко запутаться (например, в поисковой выдаче, в оглавлении «Ководства» на сайте студии, но не в Правилах русского языка). Посещённое состояние не нужно делать просто так, чтобы было. Допустим, на личных сайтах оно совершенно ни к чему.

Ранее Ctrl + ↓