Блог Димы Волкова

Красивые тачки

Любовь к машинам у меня с рождения, давно делаю небольшую подборочку которая постоянно дополняется

Много красивых тачек нашёл тут.

7 November   Избранное   Тачки

Поездка в Голландию: Амстердам

После Роттердама заехали в Амстердам. Город очень туристический, поэтому мало кадров получилось, возможно я просто не там ходил.

Центр

Барахолка Van Dijk & Ko со всяким старьем, лучшее что я видел в этом городе :) Находится тут: Papaverweg, 48

Местные в ожидании парома

Не местные гонят домой

Поездка в Голландию: Роттердам

В октябре гоняли в Голландию, поснимал на Minolta 7000, вот что из этого получилось

Душевный Роттердам

Очень понравился вокзал, Rotterdam Centraal

И их рыночек, Market Hall

Внутри рынка живут люди

И продают мега-вкусную селёдочку

Еще есть очень аутентичное место на улице Raampoortstraat, с жёлтыми лестницами из досок и разрисованных стенок. Рисунки там постоянно меняются, нам попались эти

Ещё не прошли мимо вот этих кубиков, на фото они получились эффектнее чем в живую :)

Ну и закончу душевным пабом с тёткой на баре

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

Minolta 7000: инструкция

Месяц назад попала мне в руки эта камера, купленная на барахолке в Гданьске, и сразу меня очаровала. В рунете не нашел более менее подробной инструкции по ней, по этому возьму эту задачу на себя :)

В камере прекрасно все, начиная с рекламы



Выглядит она вот так

Это моя первая камера с таким обилием кнопок, вот их короткое описание

MODE — переключает режимы управления параметрами съемки.
Есть четыре режима: PROGRAM, A, M и S.
PROGRAM — камера сама выставляет значения выдержки и экспозиции.
A — можно менять только значение экспозиции (aperture priority).
M — можно менять и то и другое.
S — изменяется только выдержка (shutter priority).
Значение изменяется синим кнопками рядом с затвором. А если их 2 (как в M-режиме) то значение экспозиции выставляется другими двумя кнопками рядом с объективом.
Кнопка P сбрасывает все ваши настройки на режим PROGRAM. Вот как это работает

DRIVE — переключает режим съемки. Всего их 3: S, C, S.T. Или Single (1 нажатие — 1 кадр), Continuous (1 кадр в секунду) и Self Timer. Вот как это все переключается, аналогия такая же

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

Кстати, если таймер уже пошел, а вы хотите отменить селфи, то просто нажмите на кнопку DRIVE.
+/- — ещё одна регулировка экспозиции. Она тут сделана для того, чтобы менять её на сценах, где объект фокуса темнее или светлее чем фон. Если объект светлее чем то, что позади него, то эту регулировку нужно сделать в пределах от -0.5 до -2. А если темнее, то наоборот: от +0.5 до 2. Вот как это делается

ISO — задает уровень ISO. Этой кнопкой я не пользуюсь, потому что в Minolta 7000, в месте куда вставляется плёнка, есть встроенный DX-reader. Он сам считывает что-то вроде штрих-кода с пленки, и понимает какой у нее ISO. Да, это уже было в 1985 году :)

Но если вдруг вы захотите поиграться с ISO, то камера даст вам такую возможность.

Теперь посмотрим что у нас сзади

R — рычажок который сматывает всю пленку в катушку. Когда вы его отодвинете влево, пленка начнет сматываться.

AEL —или (auto-exposure lock). Ещё одна функция, которая позволяет выбрать правильную экспозицию, где отличается свет сцены и свет от объекта. Чтобы включить эту корректировку, нужно зажать кнопку AEL и нажать на затвор. Функция AEL не работает в ручном режиме.

Заправка плёнки

Заправить проще простого. Отодвинуть блокировку задней крышки, вставить плёнку и закрыть. Далее, при включении, плёнка сама отматывается и на дисплее появляется цифра 1. Когда я увидел это впервые, показалось что это какая-то магия :)
Если цифра не появилась, то вы что-то сделали не так, а пленку надо перезаправить. Вот видосик

Примеры фоток

Снимал на Kodak 200

Документация и видосики

Официальное руководство на английском: часть 1, часть 2
Видео на английском: часть 1, часть 2

Сайты и статьи

Большая подборка статей и сайтов, которые хранятся у меня в Reading list. Читать перед каждым новым проектом :)

Идеи

Кнопка из камеры
Скамейка-стол от Альфредо Хэберли

Дизайн сайтов и вещей

Сервис журналистских запросов
Платформа продвижения в соц.сетях
Симпотичный интернет-магазин «Дизайн Склад»
Пример сайта о разработке приложений «Лайв Тайпинг»
Mysuperproject — сочный сайт с продажей 3D
Thriva — минималистичный сайт с приятной графикой
Statsbot — продукт по аналитике с крутыми графиками
Грамотная ру-промо-страница о создании роликов
Аккуратный сайт от выпускника бюро
Сайт-портфолио разработчика в стиле бюрошника

Чек-лист подготовки макета к вёрстке
Оптические эффекты и выравнивание
Статья по шрифтам 16 года
Все о подготовке файлов в печать
Еще одна статья о подготовке Ps-макета в печать
Большая статья Горбунова о управляемости
Как создать убедительный призыв к действию
Форма регистрации, как её улучшить
Минимизация отказов в формах
Как лучше сделать форму оплаты
Советы о продающих интерфейсах
Советы как сделать грамотный лендинг
Итоговая статья 2016: о фишках, инструментах в дизайне
Самые некомфортные вещи
Вопросы Клиенту перед стартом
Гайд-лайн по iOS и iPhone X

Good Web Design
Вдохновение по UI
Еще одно вдохновение по UI
Красивый редизайн macOS
Дриббл чувака по мобильным приложениям
Анимации работы механизмов

Фронтенд

Горизонтальная прокрутка на flexbox
Eдиницы измерения области просмотра
Все про адаптивную вёрстку
Разбор основных проблем по адаптивности
Видеоуроки по Git
CSS переносы текста

Авто

Эксклюзивные автомобили в России на плёнку
Первый внедорожник от Lamborghini
Прекрасный рассказ о Lancia
История G-klass от AMG

Благоустройство

Идеальный двор который сделали в России
Куркино от Варламова: конфликт между гетто и обустроенным жильем
Новые районы LA

Права

В кино можно ходить со своей едой и напитками
Как защитить репутацию
Защита авторских прав с помощью нотариуса

Scirocco

Как убрать звон от актуатора турбины
Хороший фит, Bilstein — жёстко
Как выставить ноль на руле
Таблица давления в шинах с разными параметрами
Подбор параметров дисков
Как поставить рестайловый обвес
Как поставить R-бампер
Как поставить новую прошивки для руля
Снятие и покраска салонных молдингов

Советы

Как переждать зиму в тёплой стране
Как выявить перекупа
Как распознать битый авто
Проверка доков при покупке
Пример использования времён в английском, с гусями

Чтиво

О санации «Открытия»
Наглядный пример бюрократии и равнодушия в России
Статья про наболевшую тему о инвалидах
Почему в России хмурые люди
Как работают политтехнологи в России
Где надо кататься на велике в Ростове
Особенности русской проституции
Особенности вождения в Дагестане
Как покупали рунет
Рассказ русского парня о митингах в честь G20

Рекламные войны: сети фаст-фуда
(Рекламные войны: авто
Забавные приёмы фотографии
Трагедия Ballonfest 1986
Любой предмет с подключением, можно превратить в оружие
Fyre — самый провальный музыкальный фестиваль в истории
Остров Туле
10 самых красивых мест от Варламова
Стрит-арт в Майами
О создании бренда приставки Dendy
Большое интервью с MDK
История эталона килограмма

О постановке «Бесславных ублюдков»

Игры

Игра по созданию предметов из других предметов
Угадай место по фотке

Редизайн: приложение WebMoney для macOS

Иногда использую WM, если верить вики, то система немножко популярна: под данным за 2015 год у нее 30 000 000 аккаунтов. 160 000 000 транзакций за 2014 год. Общий объем — 17 000 000 000 $. Основные пользователи — Россия и Украина.

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

Накидал основные экраны в сексуально сером

Было: стартовый экран

Вот так нас встречает WebMoney при открытии. Тут есть сразу все: все наши кошельки, последние операции по всем счетам, подраздел с оплатой услуг, верхнее меню (где также есть раздел оплаты услуг). Нажав на неочевидный плюсик в правом верхнему углу, мы можем добавить карту или другой кошелек. А нажав на три точки, откроется другое контекстное меню с настройками и FAQ. Там же есть пункт Refresh, который обновляет данные о кошельках (зачем?).



Еще мне понравился пункт More, при нажатии на него, открываются пункты, которые не влезли. То есть пункт меню «История» не влез и находится непонятно где :) А пункт весьма полезный.


Стало: стартовый экран

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

Выйти из аккаунта и задать вопрос, можно по нажатию на юзерпик. Чтобы выйти из аккаунта в старом интерфейса, потребуется нажать на те славные 3 точки, выбрать настройки, там выбрать подменю Account и нажать Sign Out. 2 действия вместо 4-х :)

Само приложение занимает на 18% меньше места по горизонтали и легко адаптируется под различные устройства. Сама навигация здесь — это чисто «мобильная история», но не вижу тут ничего плохого :)

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

Было: кошелёк

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

З — забота



Из плохого: дублируется функция обмена денег, она указана иконкой, а также есть в «трех точках». Ну и куда же без Refresh’a:

Стало: кошелёк

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


По клику на 3 точки, откроются не самые часто используемые доп.действия с кошельком: создание веб-страницы для перевода на него (что-то типо PayPal.Me), установка лимитов и отвязка кошелька с вашего аккаунта.


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

Было: денежный перевод

Тут все понятно, только смущает контекстное меню, перед формой перевода


Стало: денежный перевод

Тут минимум новшеств. Убрал контекстное меню, добавил возможность сохранить перевод в избранное и использовать как шаблон.

Было—стало: услуги

Тут изменений почти нет, только стилизация

Было: история

Здесь есть все нужное, кроме сортировки по кошелькам

Также в карточке операции нет пункта с номером транзакции, она почему-то находится в описании платежа.

Стало: история

Добавил сортировку по кошелькам + сортировку по конкретному пользователю или услуги. Также можно скачать выписку в формате csv. Если нажимаем на получателя или отправителя и видим экран со всеми операциями по этому счёту.

В карточке товара только суть. По клику на получателя, перейдём на его страницу в системе (пример).

Было—стало: чаты

Не совсем понятная мне функция, тут даже нельзя переписываться с поддержкой (а хотелось бы), приходят только уведомления, с ссылкой на обращение. В своём варианте я все чуток подчистил (привет, iMessage) и сделал более логичной кнопку аттача.

В это сложно поверить, но в чат WebMoney можно отправить свои текущие координаты. Неужели разработчики хотят сделать конкуренцию тому же iMessage ?

Было—стало: контакты

В контактах тоже ничего интересного, стилизовал интерфейс и сделал сортировку денег по оплаченным и полученным. Еще в WebMoney можно делать аудио и видеозвонки! Но я решил, что это уже черезчур.

Итого

В целом интересный опыт, дальше лучше :)

16 October   UI   Дизайн   Интерфейсы

Идея: табы в iOS-плеере Music

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

Внизу добавляется иконка со всеми табами


Табы переключаются свайпами. Закрыть их можно свайпом вверх.


Наглядная анимашка

Поездка в Польшу

На днях ездили в Лодзь, решил поснимать на мыльницу Samsung AF333. Фотки получились неплохие, но с автофокусом беда, наверное там просто 1 значение, без всяких авто :)

Быстрый переход в меню настроек на Mac

Случайно заметил такую фичу: если нажать ⎇ Alt + регулировка громкости (яркости экрана, яркости клавиш или клавишу Mission Control) то откроется меню настроек данной функции: звуковые настройки / настройки экрана / клавиатуры или Mission Control. Удобная фича когда надо быстро сменить устройство аудио-вывода или поменять цветовой профиль экрана.

И еще есть фича с повышением громкости (или яркости) на четверть. Для этого надо зажать ⇧ Shift + ⎇ Alt + клавишу регулировки:

28 May   Mac   Советы

Как сделать чёткий favicon

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

Я просто обрезаю картинку до 300х300 пикселей. Либо создаю новую с таким размером, а затем сохраняю в формате .png. Можно сделать 100х100, навряд ли это как повлияет на ситуацию. Для IE нужно сохранить favicon в формате .ico. Далее кидаем в корневую папку с сайтом и пишем в head’e:

<link rel="shortcut icon" href="favicon.png">

Фавикон супер-чёткий, работает как на mac, так и на win:

В добавок ко всему, пользователей iOS и macOS ждет приятный бонус:

Красивая полноразмерная фавиконка отображается в Сафари, без использования всяких тегов типа:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

Именно этот тип favicon, я проверял только в iOS, возможно в других системах не будет такой красоты и простоты. Вот статья на эту тему.

25 April   Верстка   Сайты
Earlier Ctrl + ↓