Articles / Bookmarks / Profile of reaferon / Habr

How to become an author

Андрей @reaferon

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

Profile Publications 10Comments 1KBookmarks 310

EnglishDom Oct 27 2017 at 12:47

Адаптивные email-письма без боли и страданий

6 min

36K

EnglishDom corporate blogCSS*HTML*Email layout*

Tutorial

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

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

Читать дальше →

+10

nanton Jul 13 2017 at 10:12

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

10 min

85K

InlyIT corporate blogWeb design*Graphic design*Mobile applications design*Interfaces*

Translation

Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».

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

Читать дальше →

+46

ru_vds Mar 31 2017 at 14:58

Почтовый сервер на Linux

11 min

313K

RUVDS.com corporate blogConfiguring Linux*Server Administration*

Translation

Как наладить работу почтового сервера, умеющего принимать и отправлять электронную корреспонденцию, бороться со спамом, взаимодействовать с клиентами? На самом деле, всё довольно просто.

Сегодня поговорим о почтовых серверах на Linux. Мы расскажем о том, как настроить сервер, о широко распространённом в интернете протоколе SMTP, а также о других протоколах, таких, как POP и IMAP. В итоге вы окажетесь обладателем полноценной системы для работы с электронной почтой.

Начнём с SMTP-сервера на Linux

Читать дальше →

+27

hcodes Mar 22 2017 at 10:44

Отслеживание js-ошибок с помощью Метрики

3 min

13K

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

Читать дальше →

+34

rebirther23 Mar 12 2017 at 11:21

Установка и настройка Puppet + Foreman на Ubuntu 14.04 (пошаговое руководство)

8 min

26K

DevOps*Puppet*System administration*

Доброго времени суток, жителям Хабра!

Когда число управляемых серверов достигает нескольких десятков, а то и сотен, приходится искать решение по автоматической настройке и управлению таким парком. Тут на помощь приходит Puppet. Почему Puppet? Puppet кроссплатформенный, имеет богатое сообщество, имеет множество готовых модулей (4800+), имеет Enterprise версии. Все эти плюсы не дают усомнится в мощи данного продукта. Но управлять из консоли таким «комбайном» не так просто. Потому для удобного управления и настройки Puppet был разработан Foreman. Далее установка и настройка этой связки на примере задачи управления SSH-ключами.

Читать дальше →

+13

mukolaich Jan 31 2017 at 17:59

Как мы Redis Cluster готовили

5 min

59K

Data storage*System administration*IT Infrastructure*DevOps**nix*

В мире опен сорс есть огромное количество технологий, подходов, паттернов, тулзов и аппов, которые юзает очень много компаний. Как превратить используемое ПО или технологию в конкурентное преимущество? Предлагаю рассмотреть на примере Redis Cluster — как мы прокладывали наш путь.

Читать дальше →

+26

Kirill_Dan Jan 30 2017 at 19:10

Free SSL для CP Vesta — легко. И SSL для Laravel

3 min

18K

IT Standards*Open source*PHP*Website development*

Recovery Mode

Привет, друзья. Не для кого не открою секрет, что работа сайтов через https протокол становится не просто нормой жизни, а уже и обязательным условием. Но очень многие сайты все еще продолжают работать через незащищенный http протокол. Однако, большое количество владельцев сайтов уже подумывает о переходе на SSL. При поиске информации о том, как приобрести сертификат безопасности, владельцы ресурсов сталкиваются с рядом трудностей. Это и выбор типа сертификата, цена, необходимость в сложной регистрации, подтверждение своей личности и другое. Многих, неискушенных пользователей, это отталкивает, отодвигая переход на безопасный протокол в долгий ящик. Но выход есть! Простой, бесплатный и быстрый.

Читать дальше →

+6

michael_v89 Aug 10 2015 at 10:04

Форматирование сообщений для Yii::t()

16 min

29K

PHP*Yii*Website development*

В данной статье рассмотрены особенности форматирования сообщений для системы интернационализации фреймворка Yii 2. В основном, это сведения из документации фреймворка и библиотеки ICU, с дополнительными пояснениями и примерами. Большая часть информации подойдет для любого фреймворка, который использует библиотеку ICU для интернационализации сообщений. В примерах подразумевается перевод сообщений с английского на русский ('en-US' => 'ru-RU'). Настройка системы интернационализации в статье не рассматривается.

Читать дальше →

+11

greebn9k Dec 23 2016 at 12:51

Yii2 RESTful API-интерфейс для AngularJS

8 min

32K

Yii*Angular*Amazon Web Services*API*

Здравствуйте, дорогие читатели! Судя по вашим комментариям к предыдущим статьям, многим из вас очень интересно, как именно мы будем использовать AngularJS в связке с нашим приложение на Yii2 фреймворке. В этой статье я подниму занавес и опишу процесс подключения фреймворка AngularJS и способы его применения.

Читать дальше →

+14

yu-hritsaiy Dec 19 2016 at 16:02

Yii2: Делаем модуль для управления модулями

8 min

15K

CMS*PHP*Yii*Website development*

Приветствую всех! На текущем проекте мы используем Yii2 и в процессе разработки понадобилась некая сущность как модуль.

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

Читать дальше →

+5

xelaxela Dec 17 2016 at 16:46

Виджет мультиязычности в YII2 без использования базы данных

3 min

15K

Tutorial

Пример интернационализации сайта на Yii2 на двух языках: ru и en. В Yii2 уже встроен компонент отвечающий за интернационализацию, называется он i18n. Для того что бы можно было начать им пользоваться, достаточно добавить его в конфигурацию приложения в раздел components.

Я использую шаблон advanced поэтому расположение файлов могут отличаться.

Цель

переключение сайта между двумя языками: ru и en;
отображение языка в адресной строке в виде site.com/en/;
автоматическое перенаправление пользователя на наиболее подходящий для него язык, если он перешел на сайт без указания языка;
хранение переводов должно осуществляться в PHP файлах в виде массивов;

Читать дальше →

+7

mailman Nov 15 2016 at 11:14

Дайджест почтовых сервисов: Избранные Email-продукты и подкасты по версии Product Hunt

3 min

4.6K

Pechkin.com corporate blogGTD*Start-up developmentE-commerce management*Community management*

Мы уже рассказывали в блоге Печкин-mail'а об интересных книгах, передачах и видеоблогах на тему рассылок, UI и юзабилити. В этом выпуске дайджеста посмотрим на тематические проекты, которые оказались в топе рейтинга на Product Hunt.

Читать дальше →

+11

4ertovo4ka Mar 4 2016 at 02:14

Порог вхождения в Angular 2 — теория и практика

16 min

124K

Angular*JavaScript*Laravel*

Tutorial

Добрый день, дорогие хабра: жители, читатели, писатели, негативно-комментаторы.

В качестве вводной части и чтобы снять некоторые вопросы немного расскажу о себе. Меня зовут Тамара. Оужас, я девушка! Кого это пугает — закрывайте статью и не читайте.

Для остальных: у меня за плечам незаконченный лет 10 назад МИРЭА, факультет кибернетики. Но все эти 10 лет практики сложились таким образом, что по большей части я занималась рекламой и в перерывах случалось работать в различных стартапах, связанных с интернетом и не только.

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

Читать дальше →

+38

Nsept Nov 1 2016 at 18:27

Yii2: Кастомизация Bootstrap с помощью Less

4 min

11K

В Yii2 и множестве его сторонних расширений используется Bootstrap. Обычно Bootstrap не заменяют чем-то другим, ведь с ним достаточно удобно работать, и на вид он вполне эстетичен. Если захотелось освежить интерфейс приложения, то может быть не очень отрадно переопределять кучи css-свойств. Обиходные «шкурки» из bootswatch предлагать не буду, приятней взять препроцессор и переопределить несколько переменных. Преобразить облик сайта таким способом можно основательно. Покажу на примере с Less, так как актуальный бутстрап написан на нем. При желании можно подменить дефолтный пакет на Sass-овский или Stylus-овский и изменить приведенный далее код соответственно препроцессору.

Читать дальше →

+6

Roman_Yankovskiy Oct 31 2016 at 19:40

Проверяем партнера по открытым источникам

3 min

40K

Legislation in IT

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

Читать дальше →

+33

limonte Oct 30 2016 at 15:23

Шпаргалка по Flexbox (CSS3 Flexible Box)

1 min

369K

Translation

Мне не нова магия Flexbox, но я не часто ее использую, и поэтому после паузы в использовании мне приходится открывать вот этот пост на CSS-Tricks чтобы освежить память.

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

Читать дальше →

+72

zarytskiy Sep 7 2016 at 16:11

30 легковесных JavaScript плагинов и библиотек

5 min

110K

В это обзоре мы познакомимся с 30 бесплатными JavaScript плагинами и библиотеками, которые сфокусированы на определенных задачах. Это простые, полезные и легкие решения, которые помогут сделать процесс веб-дизайна и разработки гораздо проще и быстрее.

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

Читать дальше →

+40

philipto Apr 16 2016 at 14:35

11 шагов к хорошему интернет-магазину. Сегментируйте предложение

9 min

11K

GTD*E-commerce management*

Это — четвертая статья в серии «11 шагов к хорошему интернет-магазину». Вот — предыдущая (там же — ссылка на остальные).

Для оффлайновой торговли сегментация предложения — давно уже тривиальный ход. Один и тот же холдинг владеет «Пятерочкой» и «Каруселью», Пятерочка позиционируется как доступный магазин для экономных людей, а Карусель — как более модный магазин для более обеспеченных. Соответственно, для Карусели важнее комфортная парковка и просторные торговые залы, а для Пятерочки — шаговая доступность жилых кварталов. Товары при этом и в Пятерочке, и в Карусели примерно одни и те же, а цены — разумеется, разные.

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

Читать дальше →

+10

illian Apr 7 2016 at 17:41

Angular 2 Beta, обучающий курс «Тур героев» часть 1

6 min

60K

Angular*JavaScript*Website development*

Часть 1 Часть 2 Часть 3 Часть 4

Вступление

Эта статья основана на документации Angular 2 и представляет собой перевод двух статей — Вступление и Редактор героя.

Используется Angular 2 release is beta.12.

Тур героев: обзор

Наш великий план — построить приложение для кадрового агентства героев. Даже героям нужна работа!

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

Читать дальше →

+8

nooze Mar 6 2016 at 21:26

Установка Android планшета NEXUS 7 2013 вместо магнитолы в Mazda MX-5 – часть 1/2

7 min

77K

TabletsDIYSoundCar Gadgets

Привет читающим! Этой статьей я постараюсь описать весь путь установки планшета на андроиде в качестве магнитолы в автомобиль mazda мх5. Начиная от закупки комплектующих и заканчивая программной частью – в общем полный полный набор с кучей фото, видео и текста. Я проделал эту работу и постарался описать всё так, что бы это мог повторить каждый!

И вы сможете завтракать в пробках с ютубом

Читать дальше →

+25

2

3 4 ...