Как стать автором
Обновить
21
0
Дмитрий Коробкин @Octane

Пользователь

Отправить сообщение

Пятница: все дизайнеры интерфейсов попадают в ад…

Время на прочтение 1 мин
Количество просмотров 47K
image

Каждый раз, когда я вижу надпись «Обновить сейчас или напомнить завтра», у меня возникает улыбка, при мысли о том, что все люди, участвовавшие в разработке подобных диалоговых окон (с*ки, верните кнопку «Нет и никогда больше не спрашивать»), окажутся в тепленьком уютненьком аду, где им нужно будет просто ввести телефонный номер…
Всего голосов 149: ↑131 и ↓18 +113
Комментарии 55

Autofill: чего не знают веб-разработчики, хотя должны знать

Время на прочтение 14 мин
Количество просмотров 77K


Многим известно, что в мобильной версии Safari можно отсканировать свою банковскую карту. Но многие ли разработчики умеют создавать формы, поддерживающие эту возможность?

Готов поспорить, что немногие.

Дело осложняет полное отсутствие документации от Apple по работе этой функции. Но тут есть один момент. Функция сканирования банковских карт является подмножеством автозаполнения — браузерного функционала, давно игнорируемого веб-разработчиками. Понятно, почему они не уделяли ему должного внимания: когда регулярно заполняешь форму тестовыми данными, автозаполнение обычно мешает. Но для наших пользователей это важная функция. В Google выяснили, что при использовании автозаполнения пользователи на 30% быстрее заполняют формы. Так что давайте изучим работу автозаполнения, разберёмся, как создавать формы, поддерживающие кросс-браузерное автозаполнение, и воспользуемся преимуществами новых возможностей наподобие сканирования банковских карт.
Читать дальше →
Всего голосов 40: ↑39 и ↓1 +38
Комментарии 12

Крутой шаринг страниц в соцсети с помощью Open Graph

Время на прочтение 2 мин
Количество просмотров 91K
Решил собрать в одной статье короткий рецепт приготовления страницы, которая круто шарится во все основные соцсети. Тем, кто вообще не в теме, придётся сначала прочитать про Open Graph protocol.
Читать дальше →
Всего голосов 18: ↑13 и ↓5 +8
Комментарии 5

Touch-web: Swipe

Время на прочтение 7 мин
Количество просмотров 63K
Этим постом мы продолжаем серию статей на тему разработки веб-интерфейсов для touch-устройств.

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

Сегодня речь пойдет о swipe, в простонародье – листалке. Swipe позволяет перелистывать «страницы» привычным движением пальца. О том, как грамотно реализовать swipe, я расскажу на примере блока новостей на главной странице портала Mail.Ru.



Много подробностей под катом
Всего голосов 62: ↑55 и ↓7 +48
Комментарии 27

Ресайз картинок в браузере. Все очень плохо

Время на прочтение 10 мин
Количество просмотров 104K
Если вы когда-нибудь сталкивались с задачей ресайза картинок в браузере, то вы наверное знаете, что это очень просто. В любом современном браузере есть такой элемент, как холст (<canvas>). На него можно нанести изображение нужных размеров. Пять строчек кода и картинка готова:

function resize(img, w, h) {
  var canvas = document.createElement('canvas');
  canvas.width = w;
  canvas.height = h;
  canvas.getContext('2d').drawImage(img, 0, 0, w, h);
  return canvas;
}

Из холста картинку можно сохранить в JPEG и, например, отправить на сервер. Можно было на этом закончить статью, но сперва давайте взглянем на результат. Если вы поставите рядом такой холст и обычный элемент <img>, в который загружена та же картинка (исходник, 4 Мб), то вы увидите разницу.

img
Читать дальше →
Всего голосов 156: ↑152 и ↓4 +148
Комментарии 90

Konva.js — HTML5 2d canvas framework

Время на прочтение 5 мин
Количество просмотров 55K
image

Приветствую. Представляю сообществу проект Konva.js.

Konva.js — это фреймворк, который позволяет работать c canvas 2d в объектном стиле с поддержкой событий.

Кратко список особенностей выглядит так:
  1. Объектное API
  2. Вложенные объекты и «всплытие» событий
  3. Поддержка нескольких слоёв (нескольких canvas элементов)
  4. Кэширование объектов
  5. Поддержка анимаций
  6. Настраиваемый drag&drop
  7. Фильтры
  8. Готовые к использованию объекты, включая прямоугольник, круг, изображение, текст, линия, SVG путь, ..
  9. Простое создание собственных фигур
  10. Событийная архитектура, которая позволяет разработчикам подписываться на события изменений аттрибутов, отрисовки, и так далее
  11. Сериализация и десериализация
  12. Продвинутый поиск с помощью селекторов stage.get('#foo') и layer.get('.bar')
  13. Десктоп и мобильные события
  14. Встроенная подержка HDPI устройств
  15. и еще много разного


Далее подробней рассмотрим возможности фреймворка с примерами кода.
Читать дальше →
Всего голосов 36: ↑33 и ↓3 +30
Комментарии 37

Особенности переустановки предустановленной Windows 8

Время на прочтение 8 мин
Количество просмотров 542K
… или как создать себе проблему, а затем героически её преодолеть.

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

Итого, имеем ультрабук с Windows 8, рабочим разделом восстановления и отсутствием каких-либо дисков в комплекте поставки (этот момент важен). Бук в качестве стартового ПО имеет UEFI, что в принципе для использования с Windows 8 логично, и даже было бы удобно, если бы не одно но — ключ для установки системы зашит в таблицу данных ACPI, в поддтаблицу MSDM. На тот момент я ещё этого не знал, да и не думал, что мне это понадобится.

Читать дальше →
Всего голосов 112: ↑106 и ↓6 +100
Комментарии 142

25 полезных шорткатов для Photoshop

Время на прочтение 3 мин
Количество просмотров 187K
Здравствуй, дорогой хабрадруг! В этой статье приводятся 25 самых полезных сочетаний клавиш (шорткатов) в Photoshop, которые вы можете использовать, для того чтобы ускорить выполнение вашей работы. Некоторые из них редко упоминаются, некоторые применяются довольно часто, а некоторые вообще доступны только в Photoshop CS5. Я надеюсь, что каждый из вас найдет новые и полезные шорткаты в этой статье. Итак, давайте же начнем!


Читать дальше →
Всего голосов 126: ↑103 и ↓23 +80
Комментарии 76

Web Worker Wars

Время на прочтение 3 мин
Количество просмотров 1.4K
Web Worker Wars это разработанная мною игра для программистов JavaScript написанная, конечно же, на JavaScript.
Разновидность игр Бой в памяти. Чем-то похожая на Google AI Challenge или HabraWars.

Web Worker Wars

Особенности и правила


1. Игра представляет собой пошаговую стратегию для 2х и более ботов
2. Каждый игрок пишет свой Web Worker, который принимает особые команды от движка игры и может возвращать действие
3. На каждый ход бот имеет 4 очка действия и может распределять их на свои действия.
4. Бот имеет ограниченное поле зрения (пример подсвечен синим на логотипе).
— Все объекты, попавшие в поле зрения, передаются в callback действия и могут быть использованы в расчетах
5. Пока бот может выполнять 2 действия:
— передвижение на 1 клетку влево, вправо, вверх, вниз, стоимостью 1 ОД
— прицельный выстрел(бьёт по клетке) на расстояние до 5 клеток, стоимостью 2 ОД, снимает 2 очка жизни или щита у врага или себя

Далее подробные правила, пример воркера и демка.
Читать дальше →
Всего голосов 48: ↑41 и ↓7 +34
Комментарии 27

Управление ядрами процессора в Windows 7 или Как экономить батарею

Время на прочтение 3 мин
Количество просмотров 17K
Здравствуй, хабра-человек.
Как известно, Microsoft очень хорошо потрудилась над своим последним детищем по имени Windows 7 и внесла много различных нововведений, об одном из которых я и хочу рассказать. Особенно актуально, я думаю, это будет для владельцев ноутбуков и нетбуков, но и пользователи настольных систем так же могут получить профит.
Как известно, самое большое новшество в «семерке» (после GUI) — это переработанная подсистема ACPI. Тут и нормальная поддержка многоядерных систем, и управление питанием устройств, мониторинга аппаратных средств, да и много чего еще, но одна очень интересная возможность остается за кадром — речь идет об энергопотреблении и управлении ядрами многоядерных/многопроцессорных систем.
Читать дальше →
Всего голосов 34: ↑22 и ↓12 +10
Комментарии 32

Сто пятьдесят метров VGA, доступные каждому

Время на прочтение 2 мин
Количество просмотров 9.3K
Ситуаций, когда необходимо расположить монитор на значительном расстоянии от компьютера, возникает много. Первая возникающая мысль – купить кабель большей длины. Вполне разумное решение, имеющее, однако, свои подводные камни.
Во-первых, максимальная длина VGA кабеля составляет 50 метров, дальше без искажений (а значит и докупки специальных компенсаторов) не обойтись. Кабель такой длины, безусловно, должен быть надлежащего качества, что ведет нас к «во-вторых» — цене. Казалось бы, ситуация безнадежная – либо терпеть ограничения, либо готовиться выложить круглую сумму за кабель.
Но здесь нас спасают бойцы британского инженерного фронта – компания Adder, предлагающая недорогое (даже для домашнего использования) решение, позволяющее передавать VGA сигнал на расстояние до 150 метров.

image

О «спасательном круге» – внутри.
Читать дальше →
Всего голосов 38: ↑34 и ↓4 +30
Комментарии 13

Как не стать спамером со своей уютной рассылочкой

Время на прочтение 1 мин
Количество просмотров 67K
image
Пользователь когда-то подписался на рассылку, но уже забыл когда, и главное зачем. Теперь ежедневно к нему падает спам, а по собственному опыту он знает, для того чтобы отписаться нужно зайти по ссылке свой профиль, найти и снять там какую-то галку а главное, помнить свой логин и пароль на давно забытом им сайте.
Его действия? «В спам!»

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

И вот, с десяток таких «отписок» и гугл будет удобно отсортировывать ваши рассылки в папочку Спам (584), у ВСЕХ ваших подписчиков.

Однако многие из нас уже успели заметить: некоторые письма в Gmail при попытке отметить их «В спам!» САМИ предлагают отписаться от рассылки в один клик.

Эта фича была введена google более года назад, но лишь единицы рассылок научились ей пользоваться. И не удивительно. В рекомендациях по осуществлению массовых рассылок, лишь косвенно упоминается о том, что Вам нужно сделать.
А сделать нужно не многое.
Читать дальше →
Всего голосов 238: ↑230 и ↓8 +222
Комментарии 60

Monkey Island Special edition — классика жанра в обновленном виде

Время на прочтение 1 мин
Количество просмотров 963
Спустя 19 лет после появления серии LucasArts перерисовали замечательнейший квест всех времен и народов — Tales of the Monkey Island.

Было:
image

Стало:
image

Приятные эмоции и ностальгия под катом…
Читать дальше →
Всего голосов 125: ↑112 и ↓13 +99
Комментарии 143

Юридически корректный расчет по договорам через WebMoney

Время на прочтение 3 мин
Количество просмотров 905
У меня часто возникала необходимость в заключении договоров с исполнителями на оказание каких-либо услуг (например, на разработку сайта). А у исполнителей часто возникала необходимость в получении оплаты за оказанные услуги в виде титульных знаков WebMoney.

Наконец-то нашел время разобраться с тем, как эти 2 желания совместить и теперь делюсь полученным опытом.
Читать дальше →
Всего голосов 20: ↑16 и ↓4 +12
Комментарии 12

Делаем загрузочно-установочную флешку

Время на прочтение 2 мин
Количество просмотров 773K
После поста о восстановлении флешек, оказалось, что у многих теперь есть рабочие, бесхозные флешки, которые обязательно нужно задействовать. Почему бы не сделать из них загрузочные флешки с дистрибутивами необходимых ОС? Это может здорово пригодиться при установке/переустановке операционных систем на нетбуки, где отсутствуют приводы оптических носителей. А иногда может даже ускорить процесс установки и сделать его намного тише на компьютере, где привод есть.
Хотя на Хабре уже описывались варианты создания загрузочных флешек, но вариант, который предлагаю я — слишком прост и по своему универсален, чтобы обойти его стороной.

image
Читать дальше →
Всего голосов 161: ↑142 и ↓19 +123
Комментарии 54

Работа с 3G-модемом и смс с помощью Python

Время на прочтение 3 мин
Количество просмотров 6.7K
Привет, %username%!

Недавно мне пришлось столкнуться со следующей задачей: есть старенький десктоп с установленной на нем Windows XP. Необходимо, чтобы с заданным интервалом времени программа на этом десктопе посылала GET-запрос на нужный сервер, парсила ответ и, в зависимости от результата, отсылала смс-сообщения на нужные номера. Из дополнительных девайсов имелся только 3G-модем E160g от Биллайна, а подключение к интернету по проводной сети или WI-FI было физически невозможно.

Задача была выполнена с помощью только этого модема и языка Python.
Читать дальше →
Всего голосов 12: ↑11 и ↓1 +10
Комментарии 4

SiteHelp — Онлайн чат (онлайн поддержка) для вашего онлайн магазина/проекта

Время на прочтение 2 мин
Количество просмотров 3.1K
sitehelp

SiteHelp — Что это?


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


Зачем это?


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


Читать дальше →
Всего голосов 35: ↑21 и ↓14 +7
Комментарии 46

Восстановление MBR on Windows 7

Время на прочтение 1 мин
Количество просмотров 10K
Понадобилось мне восстановить MBR на Windows 7. Но вот незадача: на Windows XP решалось это путём загрузки в консоль восстановления и вбитии команды fixmbr. В 7-ке такой фокус не прокатил — fixmbr нету. Но где наша не пропадала. :)
Читать дальше →
Всего голосов 44: ↑20 и ↓24 -4
Комментарии 15

Восстановление битых пикселей ЖК

Время на прочтение 1 мин
Количество просмотров 124K
Сомневался в успешности метода, а также в том, что мой вечно салатовый пиксель, застывший полгода назад и постоянно мозоливший мне глаз, «станет на место». Но…
О чудо, помогло!
screenshot

Читать дальше →
Всего голосов 143: ↑142 и ↓1 +141
Комментарии 144

Как переустановить Windows 8 Single Language, предустановленную на ноутбуке?

Время на прочтение 6 мин
Количество просмотров 252K
Пост о том, как переустановить Windows 8 и активировать её «родным» ключом, за который вы уже заплатили при покупке ноутбука. В некоторых случаях (не-Pro и не-Enterprise версия Windows, ключ, зашитый в UEFI) это оказывается нетривиальной задачей. Об одном таком случае я и хочу написать. Может быть интересно обладателям Asus Zenbook UX32VD, но есть подозрение, что и на других моделях предустанавливали данную редакцию ОС.

Читать дальше →
Всего голосов 29: ↑20 и ↓9 +11
Комментарии 24

Информация

В рейтинге
Не участвует
Откуда
Москва, Москва и Московская обл., Россия
Дата рождения
Зарегистрирован
Активность