“Это унылое диалоговое окно действительно нужно?”

В этой статье я изложил главные принципы Material Design и дал советы по их воплощению. Текст написан по следам мастер-класса для разработчиков, который мы, Роботы, устраивали совместно с российским офисом Google (Think Mobile).


Когда-то все продукты Google выглядели по-разному плохо. Даже один продукт на разных платформах выглядел неконсистентно.

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

В переводе этого документа описываются шаги, которые необходимо предпринять для перевода вашего сайта с HTTP на HTTPS. Шаги можно выполнять с любой скоростью – либо всё за день, либо один шаг за месяц. Главное, делать это последовательно.

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

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

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

А еще я выложил подборку на GitHub, чтобы каждый мог пополнить коллекцию.

Автор оригинальной статьи 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: Невероятно простой счет.

Я знал теорию. Ревью кода помогает:

• Находить баги
• Обеспечивать читаемость и поддерживаемость кода
• Распространять знания кода на всю команду
• Быстрее входить в работу новым членам команды
• Показывать всем новые подходы к решению задач

Или, это всего лишь пустая трата времени. По крайней мере, таким было мое первое впечатление от ревью кода.

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

Исследование, проведенное Software Engineering Institute, показывает, что программисты делают 15-20 распространенных ошибок. Добавив такие ошибки в чеклист, вы можете быть уверены, что заметите их в момент появления и поможете от них избавиться надолго.

Чтобы вам было от чего отталкиваться, вот вам список типичных пунктов:

Как мы избавились от JavaScript-библиотек социальных сетей, ускорили скорость загрузки страниц и использовали RESTful API для “шаринга” и “лайков”.

Итак, если вы счастливый владелец nginx, знатный параноик и за каким-то чертом решили поставить wordpress, то… Первое, что пришло в голову — это «надо ограничить сему творению свободу!».

Настройки учетной записи, как и настройки php5-fpm, я опущу, так как у каждого свои тараканы, а кто-то вообще на apache запускает. Но вот общие для Wordpress я опишу в этой части. Напишу о том, что сделал, что получилось и почему.

WebInspector

Мощный инструмент для дебаггинга JavaScript, полноценный инспектор кода для Sublime. Фичи: установка брейкпоинтов прямо в редакторе, показ интерактивной консоли с кликабельными объектами, остановка с показом стек трейса и управление шагами дебаггера. Все это работает на ура! А еще есть Fireplay от Mozilla, который позволяет подключаться к Firefox Developer tools и максимально простой дебаггер JSHint.

Цель настройки любой рекламной кампании сводится к двум основным стремлениям рекламодателя.
— Четко нацелиться на целевую аудиторию, выжать из нее максимум посетителей себе на сайт (если кто-либо из целевой аудитории, запрашивает ключевое слово – мы должны сделать все, чтобы заполучить его себе на сайт)
— Ни в коем случае не допустить показов нецелевой аудитории (показы этой аудитории понизят драгоценный CTR и повысят стоимость клика, а возможные случайные клики этой аудитории – съедят кусок бюджета)
Для выполнения этих целей Директ предоставляет нам 2 инструмента: Оператор «кавычки» и минус-слова. О них и речь в этой статье.

По данным опроса, проведенного hh.ru, половине россиян ограничивают интернет-доступ на работе.

Первый бизнес – это как первая любовь. А первый офис – как первый поцелуй. И каждый, ну или почти каждый начинающий бизнесмен хочет себе хороший офис: по меньшей мере – комфортный, а зачастую и понтовый :) И конечно, очень хочется, чтобы он был как можно ближе к дому: «ну теперь-то я не буду стоять в пробках!».
Но, к сожалению, малый бизнес – как маленький ребёнок. За ним надо ухаживать, его надо кормить, и ни о каких «понтах» на ранних стадиях и речи идти не может. Нам важны результативность, окупаемость и гибкость в принятии решений :) Поэтому, как бы я ни хотела офис поближе к дому, после непродолжительного анализа пришла к выводу, что офис в Москве – не есть ни результативно, ни гибко, да и с точки зрения окупаемости пришлось бы постараться.
Поэтому, ниже я приведу результаты анализа по стоимости открытия офиса в 10 городах России. Итоги подведём на конкретном кейзе: софтверная фирма, состоящая из 5 разработчиков.

Под катом — гипотезы, цифры и диаграммы.

Я расскажу о оценке работ(estimation) в скрам. Её рекомендуется проводить дважды — сначала в story points, на уровне user stories, а потом — в часах, на уровне заданий в текущей итерации. Так же я попытаюсь объяснить, почему это делается дважды.

Лучше не искать аналогов, лучше искать программы, которые выполняют нужные задачи — так будет проще.
Товарищ с Лора

Как же надоедает, когда говорят «что-то аналог чего-то» в отношении софта: OpenOffice.org — аналог MS Office, Ubuntu — «бесплатный аналог Windows», Gimp — аналог Photoshop. В качестве замены слова аналог часто используют слова «замена» и «альтернатива». Да и не особо важно как говорят — главное — что имеют в виду и что в результате человек,  который прочитал, услышал — понял.

А подразумевают обычно следующее:

1. Полная совместимость с тем, с чем сравнивают.
2. Все нововведения из того с чем сравнивают должны появлять в этом продукте.
3. Умеет делать всё, что умеет делать продукт, с которым сравнивают.

Я как разработчик заявляю:

• ни один здравомыслящий программист никогда не будет писать аналог чего-то. Писать аналог — себя не уважать.
• ни одна программа не может быть аналогом другой
• каждая программа индивидуальна и использовать её нужно без оглядки на другие
• совместимость с «чужим софтом» — лишь плюшка

Облегчение жизни пользователю Safari на iPhone.

В моей прошлой статье, мы разбирали, как за короткий промежуток времени возможно изготовить версию сайта, адаптированную для Apple iPhone.Сегодня я продолжаю свою статью. Сейчас мы рассмотрим некоторые мета теги (и не только), которые облегчат жизнь не только посетителю сайта, но и разработчику веб-проекта.



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

В этом топике я хотел бы рассказать о том как организована инфосистема в Эстонии и какие удобства она предоставляет гражданам. Данная тема уже освещалась в этом топике – habrahabr.ru/blogs/the_future_is_here/60862. Но я уверен что мне есть чем удивить не граждан этой страны.

Под катом описание различных популярных в Эстонии сервисов.

Под катом много трафика.

Хочу поделиться с вами небольшой находкой. Я всегда использовал рабочий стол в компьютере не для хранения ярлыков, а скорее как красивую картинку. Ведь часто компьютер стоит просто влюченым, но не используется по прямому назначению. Можно поставить красивую обоину, прилепить пару нужных гаджетов, и вуаля! Сразу другой вид.

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

Господа, данный пост предназначен только для тех, кто заинтерисован в этом. Просьба не писать комментарии типа «А у меня стоит тема Windows Classic, черный монотонный фон, и вообще Far the best!». Спасибо.

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

Пример кросс-авторизации

Вернемся в 2005-й год и представим, что мы пишем социальную сеть. В ней имеется форма импорта контактов из адресной книги GMail. Что нужно для доступа к контактам GMail? Конечно, логин и пароль от ящика. Но если мы попросим ввести их на нашем сайте, пользователь заподозрит неладное. Где гарантия, что мы не сохраняем на сервере введенные пароли? Поэтому нам хочется, чтобы пароль вводился только на сайте GMail, и после этого доступ к контактам через API GMail предоставлялся нашей социальной сети (возможно, на время).

Хочу предостеречь новых пользователей Webmoney, так как для себя решения так и не нашел. Много лет назад, когда я использовал Windows и зарегистрировал себе кошелек в WebMoney, я как то не задумывался о проблемах переноса его использвования на Linux.
WMID был зарегистрирован через Keeper Classic, я им довольно активно пользовался, оплатил получение начального аттестата, все было хорошо, до тех пор пока не возникло потребности перейти на Linux.

Некоторе время работал в компании которая писала софт для IPhone, Само собой были у нас всех маки.За это время успел привыкнуть к маковской Dock панели.Хотелось поставить себе такую же, только на линух.После недолгих поисков нашел Cairo-Dock, который сумел заменить мне маковскую панель.
Все действия описанные ниже производятся для Ubuntu(Debian), но смело будут работать и под другими дистрами.
Нам понадобится установить такие пакеты:
cairo-dock
cairo-dock-data
cairo-dock-core
cairo-dock-plug-ins
cairo-dock-plug-ins-data

в Ubuntu(Debian) делается так
sudo aptitude install cairo-dock
sudo aptitude install cairo-dock-core

теперь запустите панель, для этого в терминале cairo-dock &
Если увидите черный прямоугольник не расстраивайтесь, для того чтобы его убрать просто включите compiz.
Для настройки панели нажмите на нее правой кнопкой мыши,Cairo-Dock -> Настройки
у программы очень хорошая встроенная справка, на все свои вопросы я нашел ответы там.
вот некоторые из них:
вопрос:
панель не видна из-за стандартной панели гнома, как сделать видимой?
решение:
запуск Cairo-Dock с параметром --keep-above
вопрос:
Как сделать чтобы панель не перекрывала окна?
решение:
переходим в настройки затем Поведение -> Доп. Возможности и взводим флаг в пункте резервировать место под панель.
Вот как это все в конце выглядело

На этом все.

P.S.Прошу строго не судить первый пост на хабре.