Pull to refresh
0
0
Михаил @mikai

User

Send message

Создание дизайна для дальтоников (и вместе с ними)

Reading time 3 min
Views 60K


Каждый раз, как кто-то узнает, что я дальтоник, я отвечаю на один и тот же вопрос: «Какой это цвет?». В 95% случаев я отвечу правильно, и поэтому мне задают еще один вопрос: «Подожди, значит, ты понимаешь, что это [вставить название цвета]? Так что ты видишь?». И тут начинается процесс объяснения того, как работает дальтонизм, и как он на меня влияет.
Читать дальше →
Total votes 50: ↑48 and ↓2 +46
Comments 78

Сайт под микроскопом: новый анализ поисковых запросов

Reading time 2 min
Views 22K
Привет, Хабр! Вне зависимости от того, продаёт ваш сайт что-либо, просто информирует посетителей или является развлекательным ресурсом, сведения о том, как пользователи находят ваш сайт и как он представлен в Google Поиске, могут существенно помочь. Улучшить поисковую оптимизацию, разобраться с конверсией и переходами по внутренним ссылкам, оценить удобство для мобильных девайсов… в общем, применений для такого инструмента можно найти много. Раньше такие данные можно было просмотреть в отчете «Поисковые запросы», который был одной из наиболее популярных функций наших «Инструментов для веб-мастеров».

анализ поисковых запросов - search analytics


Понятно, что к такому востребованному отчёту и требования повышенные. За последние годы мы получили множество предложений от владельцев сайтов по расширению имеющихся возможностей. Кому-то хотелось сравнивать трафик с мобильных устройств и обычных компьютеров, кому-то — значения показателей в различных странах и за разные периоды времени. В общем, вы просили — мы сделали. Встречайте: анализ поисковых запросов — новый отчет в «Инструментах для веб-мастеров», который позволяет анализировать поисковый трафик ещё более детально.
Читать дальше →
Total votes 13: ↑11 and ↓2 +9
Comments 4

300 потрясающих бесплатных сервисов

Reading time 11 min
Views 1.6M


Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

  • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
  • Bootswatch: Бесплатные темы для Bootstrap.
  • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
  • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
  • Strikingly.com Domain: Конструктор веб-сайтов.
  • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
  • Withoomph: Мгновенное создание логотипов (англ.).
  • Hipster Logo Generator: Генератор хипстерских логотипов.
  • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
  • Invoice to me: Бесплатный генератор счета.
  • Free Invoice Generator: Альтернативный бесплатный генератор счета.
  • Slimvoice: Невероятно простой счет.

Читать дальше →
Total votes 341: ↑325 and ↓16 +309
Comments 107

Чеклист оптимизации изображений

Reading time 6 min
Views 9.9K
Все мы знаем знаменитое выражение «Content is king». Но, если говорить более конкретно, нужно уточнить, что в Интернете важнее всего изображения (как копирайтеру, мне сложно говорить эти слова, но это действительно так).

Как пользователи интернета, мы жаждем изображений — чем больше, тем лучше. Но, как разработчики, создатели контента и владельцы сайтов, мы впадаем в тоску из-за проблем с изображениями. По последним данным HTTP Archive, средняя страница весит 1795 КБ, из которых 56% (1000 KB) занимают изображения. Это делает изображения, наверное, наиболее благодатной почвой для улучшения скорости загрузки страниц. И это — то, почему мы в Radware так много времени вкладываем в оптимизацию изображений.

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


Изображение взято с сайта litmus.com

Читать дальше →
Total votes 11: ↑11 and ↓0 +11
Comments 25

Формы в интернет-магазинах проектируют следователи угро

Reading time 3 min
Views 25K
Каждую неделю я заказываю в интернете. Стиральные машинки, книги, посуду — большая часть моего дома куплена в интернете. А приехало всё это с курьерами, которые ругались на отсутствие сдачи, попадали не по адресу и по сто раз уточняли, как доехать.

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

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

Сразу скажу, что большую часть форм я не осилила.



Обычно магазину нужно имя, чтобы завести клиента в CRM. Здесь требуют и фамилию, и отчество. Отчество-то зачем? Они со мной собираются официально разговаривать?

Также мне кажется, что почтовый адрес «8 Марта, 1-12» точно потребует уточнения оператором. В Москве есть улица «8 Марта», «8 Марта 1-я» и «8 Марта 4-я». А еще «8 Марта» есть в поселке Внуково, который тоже в Москве.

В чем еще не правы интернет-магазины
Total votes 36: ↑24 and ↓12 +12
Comments 54

Правила типографики — как составить красивое резюме

Reading time 3 min
Views 37K


Перевод статьи из книги Practical Typography, автор которой — дизайнер из Лос Анджелеса Matthew Butterick. Оригинал статьи на practicaltypography.com.

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

«Вы серьезно?» — спросил я.
Читать дальше →
Total votes 46: ↑42 and ↓4 +38
Comments 46

Немножко анонимен

Reading time 5 min
Views 230K
Обсуждение анонимности нужно начинать не со слов прокси/тор/впн, а с определения задачи: анонимно подключиться к чужому серверу по SSH это одно, анонимно поднять свой веб-сайт это другое, анонимно работать в инете это третье, etc. — и все эти задачи решаются по-разному. Эта статья о задаче «анонимно работать в интернете как пользователь».

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

Во-первых, нужно адекватно оценивать потенциального противника. Если вы хотите быть «анонимным», значит вы пытаетесь избежать возможности связывания вашей активности в интернете с вашим физическим расположением и/или настоящим именем. Обычные пользователи и так не имеют возможности вас отслеживать (технически, социальные методы когда по вашему нику на форуме легко гуглится ваш аккаунт в соц.сетях со всеми личными данными мы здесь не рассматриваем). Ваш провайдер/соседи могут иметь возможность прослушать большую часть вашего трафика, но, как правило, вы им не интересны (да, соседи могут украсть ваши пароли, но заниматься отслеживанием вашей активности или вашей деанонимизацией они не станут). Что же касается владельцев используемых вами ресурсов (веб-сайтов, прокси/vpn-серверов, etc.) то у них в распоряжении множество средств по отслеживаю вас (DNS-leaks, Flash/Java-плагины, баннерные сети, «отпечатки браузера», множество разных видов кук, etc.) плюс серьёзный коммерческий интерес к тому, чтобы надёжно вас отслеживать (для таргетирования рекламы, продажи данных, etc.). Ну а правительство и спец.службы могут получить доступ и к данным, которые на вас собирают веб-сайты, и к данным, которые собирают провайдеры. Таким образом получается, что те, кто имеют возможность и желание вас отслеживать — имеют доступ к большинству возможных каналов утечки.

Во-вторых, каналов утечки информации очень и очень много. И они очень разнообразны (от внезапно отключившегося VPN до получения реального IP через Flash/Java-плагины браузера или отправки серийника на свой сервер каким-нить приложением при попытке обновления). Более того, регулярно обнаруживаются (и создаются) новые. Поэтому попытка блокировать каждый из них в индивидуальном порядке, уникальными для каждого методами, просто не имеет смысла, всё-равно что-то где-то протечёт.

В-третьих, при «работе в интернете» используется не только браузер — большинство пользуются так же IM, торрентами, почтой, SSH, FTP, IRC… при этом часто информация передаваемая по этим каналам пересекается и позволяет их связать между собой (.torrent-файл скачанный с сайта под вашим аккаунтом грузится в torrent клиент, ссылка пришедшая в письме/IM/IRC открывается в браузере, etc.). Добавьте сюда то, что ваша ОС и приложения тоже регулярно лазят в инет по своим делам, передавая при этом кучу деанонимизирующей вас информации…

Из всего этого логически следует то, что пытаться добавить «немножко анонимности» путём использования браузера со встроенным Tor, или настройкой торрент-клиента на работу через SOCKS — нет смысла. Большинство вас не сможет отследить и без этих мер, а тех, кто имеет возможности и желание вас отследить эти меры не остановят (максимум — немного усложнят/замедлят их работу).
Читать дальше →
Total votes 121: ↑111 and ↓10 +101
Comments 175

Простые догмы при работе с цветом в интерфейсах

Reading time 5 min
Views 110K
image

Привет, username!

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

Читать дальше →
Total votes 149: ↑131 and ↓18 +113
Comments 128

Ликбез: методы ресайза изображений

Reading time 7 min
Views 124K
Почему изображение, масштабированное с бикубической интерполяцией, выглядит не как в Фотошопе. Почему одна программа ресайзит быстро, а другая — нет, хотя результат одинаковый. Какой метод ресайза лучше для увеличения, а какой для уменьшения. Что делают фильтры и чем они отличаются.

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


Этот человек сидит среди ромашек, чтобы привлечь ваше внимание к статье.
Читать дальше →
Total votes 99: ↑93 and ↓6 +87
Comments 72

Как сделать прибыльной разработку дизайна сайтов (часть 4)

Reading time 5 min
Views 21K
image

Сегодня обратимся к теме прототипов. Сразу хочу попросить 32% читателей, которые уже в курсе этой темы, не мешать остальным 49%, которые не пробовали работать с сервисами по созданию прототипов, разбираться в этом вопросе (по данным опроса «Знаете ли вы о существовании сервисов для создания прототипов» часть 2).

image

Тема «прототипирование»


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

Как-то одним прекрасным солнечным утром, придя на работу и сделав кружку крепкого кофе, я решил открыть почту от клиента — и мне захотелось облить его этим горящим кофе, запустить в него кружку, порвать договор и заставить съесть подписанные им макеты (в письме клиент написал, на половине готовых работ: давайте переделаем верх, низ и две страницы — главную и список услуг).
Читать дальше →
Total votes 37: ↑29 and ↓8 +21
Comments 4

Создание Wi-Fi чайника «для чайников»: как мы не порвали Кикстартер (пока)

Reading time 10 min
Views 74K


Мечтал я не продавать — я мечтал делать. Создавать разные электронные штуки, которые действительно меняют жизнь людей к лучшему. Мечта эта появилась у меня довольно давно и во многом определила мой профессиональный путь. Долгие годы она ждала своего часа. И час пробил, когда я создал Madrobots.

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

Краудфандинг открыл дорогу не обремененным большим капиталом изобретателям. Пока корпорации делали свои телевизоры и кофеварки «еще лучше», американские краудфандеры подарили миру Pebble, Alpha Mio, 3doodler и другие классные штуковины.
Читать дальше →
Total votes 79: ↑63 and ↓16 +47
Comments 207

Brackets для сомневающихся и новичков

Reading time 6 min
Views 324K

СД: НЧ


Без плагинов Brackets не лучше других редакторов, но с ними его стоит хотя бы попробовать.

Введение


Не так давно на Хабре было опубликовано множество статей, касающихся тем или иным образом редактора Brackets. У многих людей сразу же появились вполне справедливые вопросы:
  1. Чем он лучше используемого мной %EDITOR_NAME%?
  2. Много ли под него плагинов?
  3. Стоит ли связываться или лучше использовать какую-нибудь известную IDE или текстовый редактор?

Надеюсь, после чтения этой статьи каждый сможет найти для себя ответы на эти вопросы.
Читать дальше →
Total votes 37: ↑31 and ↓6 +25
Comments 68

Анонс Brackets 1.0 и Extract for Brackets (Preview версия)

Reading time 1 min
Views 42K
image

Я думаю, что большое количество людей, занимающихся или интересующихся веб-разработкой давно уже опробовали open-source IDE Brackets. На хабре не раз упоминали о ней (например, тут), поэтому не буду много разглагольствовать и перейду к сути.

Сегодня, спустя почти 3 года, в течение которых участвовало 245 контрибьюторов, наконец вышла версия 1.0 — способ объявить миру, что Brackets готов. Несмотря на то, что выпуск имеет версию 1.0, разработчики относятся к нему как и к любому другому релизу. Новые продолжат выпускаться так же часто как и сейчас — каждые 3-4 недели.

Встречайте Extract for Brackets (preview)


Отдельно заслуживает внимания плагин Extract for Brackets, который наконец доступен для публичного тестирования, предназначенный упростить верстку веб-сайтов.
Читать дальше
Total votes 38: ↑35 and ↓3 +32
Comments 78

Оптимизируем VPS за 5$ (512MB RAM / 1 CPU) так, что сайт на wordpress выдерживает нагрузку в 42,735,587 хитов в день

Reading time 9 min
Views 95K
Когда вы приобретаете сервер VPS с 256MB или 512MB оперативной памяти на борту и лишь часть мощности процессора, то использовать для таких сервисов как MySQL/PHP/Apache настройки по умолчанию является очень плохой идеей. В настоящее время у меня запущено 3 сайта на самом дешевом тарифном плане с 512MB RAM/1 CPU. Не уверен полностью, но посещаемость составляет порядка 5-10 тысяч посетителей в день. Далее я хочу поделиться инструкцией как оптимизировать LAMP используя всего лишь 512 MB и при этом не уходя в swap. Обычно при такой настройки используется 256 – 378Mb памяти и все работает довольно быстро.

Определяем доступную память и активность swap.

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

$ free -m

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

$ ps -eo pmem,pcpu,rss,vsize,args | sort -k 1 -r | less


Настраиваем LAMP сервер для потребления малого количества оперативной памяти. Останавливаем, отключаем ненужные сервисы

Первый и очевидный вопрос, который необходимо задать — это «какие сервисы мне не нужны в использовании?». Недавно, я обнаружил очень удобную утилиту для управления сервисами. Она называется "sysv-rc-conf" и управляет сервисами при помощи псевдографики и флажками. Выгдялит вот так:



Здесь представлен список сервисов, которые я изменил.

  • Postfix. Этот сервис позволяет отправлять и получать почтовые email сообщения для домена. Я использую для этих целей Google Apps для отправки почты и mailchimp для новостных подписчиков. Таким образом я остановил и отключил этот сервис.
  • Bind9. Он нужен для управления DNS записями Вашего домена. Его можно отключить, так как все DNS записи хранятся у хостера.
  • SSHD. Имеются и другие реализации, которые используют гораздо меньше памяти, но они не поддерживают sftp, поэтому данный сервис я оставил без изменений.


Не запускайте X-сервер, выключите все ненужные сервисы и настройте Apache, MySQL, PHP только с базовой необходимой функциональностью.
Читать дальше →
Total votes 131: ↑81 and ↓50 +31
Comments 85

OnePlus One — китайский зверь

Reading time 3 min
Views 112K
Сегодня речь пойдёт об очень интересном устройстве от молодого китайского производителя OnePlus — OnePlus One (сокращённо OPO).

Узнал об этом девайсе я совершенно случайно (посмотрел обзор от Rozetked), затем было опубликовано несколько обзоров на разных ресурсах и я стал читать, искать информацию и так далее. Но купить устройство оказалось не так просто, как хотелось бы. Объясню почему.

Читать дальше →
Total votes 94: ↑65 and ↓29 +36
Comments 91

Создание «интернет-знаменитости» за 68 долларов

Reading time 2 min
Views 178K


Сантьяго Сваллоу (Santiago Swallow) — визионер, консультант, автор и мыслитель. У Сантьяго 85 тыс. фоловеров в твиттере и статья в Википедии. Пожалуй, по состоянию на 17 апреля это был самый «известный» человек в интернете, про которого никто не слышал. Оно и неудивительно, ведь Сантьяго на самом деле не существует.

Создание образа Сантьяго Сваллоу заняло всего два часа и 68 долларов.
Читать дальше →
Total votes 190: ↑160 and ↓30 +130
Comments 83

MeCam — летающая камера за 49$

Reading time 2 min
Views 188K
Новый миниатюрный квадрокоптер MeCam, недавно представленный компанией Always Innovating, способен поменять наши представления о способах видео- и фотосъёмки. MeCam представляет собой летающую камеру на базе Linux, которая управляется голосом и передаёт фото и видео по Wi-Fi либо Bluetooth на iOS либо Android-устройство с возможностью последующей публикации в Youtube, Google+, Facebook либо Twitter. Также, как альтернатива управлению голосом, поддерживается функция «Follow Me», при которой квадрокоптер неотступно следует за пользователем, ориентируясь на сигнал его смартфона либо планшета. В устройство встроено 14 датчиков, позволяющие самостоятельно преодолевать препятствия, имеется система стабилизации для получения плавного изображения и возможность панорамной съёмки.
Читать дальше →
Total votes 110: ↑109 and ↓1 +108
Comments 115

Root Transmission: получаем Root права на одном Android устройстве при помощи другого Android устройства

Reading time 1 min
Views 71K


Многие из нас предпочитают рутовать Android девайс сразу после его покупки. Кому-то функции хочется добавить, кто-то просто ради интереса все это делает. Да и программных инструментов, помогающих рутовать Android-устройство, сейчас много, качай не хочу. Но есть одна программа, которая выделяется среди ряда других. Это Root Transmission, ПО, позволяющее получить Root права на одном Android девайсе при помощи другого Adnroid устройства, без включения ПК в эту цепочку.

Читать дальше →
Total votes 31: ↑27 and ↓4 +23
Comments 6

Youtube снова разрешает протестировать новый интерфейс изменением cookie

Reading time 1 min
Views 73K
image

Работает уже месяц, но вроде на Хабре не было. Google продолжает полировать интерфейс Youtube (может, связано с этим наблюдением). Данная версия, возможно, самая «легкая» и «чистая» из всех. Как в сентябре, июне 2012 и декабре 2011, для переключения на него достаточно добавить cookie за 15 секунд.
Читать дальше →
Total votes 42: ↑37 and ↓5 +32
Comments 64

Подробный обзор MacBook Pro нового поколения (с Retina дисплеем)

Reading time 14 min
Views 205K


Салют, Земляне!
Обнаружил, что на хабре нет поста, который объединит в себе всё, что необходимо знать про эту чудо-ЭВМ. Поэтому я решил основательно подойти к анализу user-experience, железа, производительности и прочих впечатлений. Спустя месяц полноценного и самостоятельного использования готов представить вам…
Первый пост на хабре с осознанным оформлением под Retina экраны
Total votes 134: ↑105 and ↓29 +76
Comments 150

Information

Rating
Does not participate
Location
Латвия
Date of birth
Registered
Activity