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

Вам когда-нибудь хотелось прямо в CSS коде посчитать, в меню 4 элемента или 10? Для четырех задать им ширину по 25%, а если набралось десять — прижать их друг к другу и уменьшить отступы?
Как выяснилось, CSS умеет работать с разным количеством элементов, позволяя избавиться от головных болей и лишнего кода на js.

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

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

За тем, как работает главная страница, мы следим по техническим графикам:

1. График времени загрузки страницы по блокам. Мы смотрим не только на общее время загрузки главной страницы, но и на показатели по отдельным ключевым блокам — Почта, Новости и т.п.
2. График «рефрешей» (загрузки страницы из кеша). Он позволяет отличить увеличение аудитории по естественным причинам от перезагрузок страницы одними и теми же пользователями. Второе часто говорит о том, что пользователи столкнулись с какой-то технической проблемой.

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

Продолжаю копаться в kickstarter'е…

На этот раз меня привлекла игра для мобильников "Zombies, run!" (iOS / Android).

Привлекла она в первую очередь тем, что это — не совсем игра. Это — своего рода ассистент для пробежек.

Представьте себе — вы каждый день бегаете в парке. Но это занятие может быть достаточно скучным. Однако, вставив в уши наушники и запустив эту игру, вы начинаете не просто бегать, а спасаться от зомби (да-да, здесь тоже не обошлось без этого тренда).



Презентация довольно сумбурная и не отвечает на половину вопросов. В ролике можно увидеть бегущего человека и услышать какие-то команды, которые он получает через наушники. В большинстве случаев они звучат как «Мать вашу! Зомби! Беги-спасайся!».

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

Говорят, что все гениальное должно быть очень простым.
Глядя на этот сайт, трудно не согласиться:

Часто бывает мы хотим автоматизировать то или иное действие. Порой спешка или просто лень не дает нам возможности ознакомиться со всей документацией(по API VK).
Разработать программу для работы с API ВКонтакте проще чем кажется. Подойдет любой язык, умеющий отправлять http get запросы (соответственно получать ответ). Например: Delphi, shell, C, Perl, PHP, Python и т. п.

Пять сотрудников из команды Google Docs провели сессию вопросов и ответов на Reddit и рассказали, над чем работают в данный момент. Суммируя итог интервью, можно отметить несколько проектов, которые будут закончены в ближайшее время.

Значительно улучшенное приложение под Android. Приложение под Android было одним из самых популярных вопросов, и разработчики заверили, что его ожидает «много и много улучшений». Например, редактирование документов без запуска браузера.

Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:

Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

На макетах, вид кнопок несколько отличался от предоставляемых социальными сетями плагинов, формируемых функциями api. В частности вид счетчиков:

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

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

Итак:

• количество лайков будем получать от REST сервисов каждой социалки
• кнопки рисуем свои и обрабатываем событие click

Разработчик игр Раф Костер (Raph Koster) составил всеобъемлющий список базовых правил, на которых основаны социальные отношения в играх (мультиплеер, параллельная игра и т.д.). Эти правила для разработчиков игры заменяют азбуку. Во многом они пересекаются с принципами игровой механики, которые уже обсуждались на Хабре.

Раф Костер приобрёл известность как создатель дизайна Ultima Online и креативный директор проекта Star Wars Galaxies, после чего основал собственную студию.

Примечание переводчика: вольный пересказ статьи (в негативном ключе) уже был представлен на Хабре alizar-ом, но мне кажется, что тема достойна того, чтобы перевести оригинал полностью, по возможности не добавляя своих эмоций.


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

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

Привет, %username%, %wpdeveloper%, %designer% и все, кто ещё читает этот топик!

До окончания приёма заявок на Imagine Cup: Windows Phone Challenge осталось чуть больше 2х недель, самое время ею заняться! Но к заявке должен быть приложен ещё и прототип приложения, выполненный в SketchFlow. О том, как его создать, сегодня и поговорим.

Осторожно, много картинок под катом!

Ready to Get Started?

Представляю вам вольный перевод статьи "Round Up: Great Android Music Players"

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

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

Как многие из вас помнят какое–то время назад Гугл во второй раз спрятал ссылку на Ридер, заменив ее ссылкой на Фотографии. В первый раз это вызвало волну недовольства пользователей и Гугл вернул все назад, сославшись на ошибку. Тогда, сразу же, появилось расширение для Хрома, возвращающее ссылку на Ридер. Я портировал это расширение для Оперы.

Когда второй раз Гугл перенес ссылку, волна возмущения уже была не такой сильной. Сначала мне даже показалось, что никто не обратил внимания. Сообщество было занято более важными новостями. Но появилось обсуждение на форуме поддержки Гугла и даже официальный ответ о том, что Гугл всегда стремится улучшить свои продукты и такое улучшение может приводить к действиям подобным случившемуся с ссылкой на Ридер. Я вспомнил про свое расширение, расчехлил запылившийся код и решил сделать расширение более приятным и более осмысленным. А именно — дать пользователю возможность задавать структуру ссылок самому. Расширение должно динамически выдергивать все ссылки со страницы, показывать их пользователю в виде двух колонок и позволить перетаскивать их мышкой. Оказалось, что для Хрома такого расширения тоже не было и дополнительно я задался идеей написать два расширения с общим кодом.

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

Hello world! Меня зовут Слава, я работаю верстальщиком в агентстве Coalla. Эта статья не о разжигании холивара и рассуждения о том, какой браузер лучше, как бы всем легко жилось без Internet Explorer’a, а мой недавний полезный опыт по установке всех необходимых браузеров и их версий на одну операционную систему, а именно на Microsoft Windows 7 Ultimate x64.

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

Пост вышел совсем не маленький! Много текста, требует осмысления, и, возможно(как всегда у меня выходит), сложного для восприятия. Но разбивать весь пост на 2-3-4 части я не хочу. Лучше потратить время и прочитать все сразу, тогда будет понятнее. Тем более, что, все же, тема планировалась на 3 поста. Это 1-й и все 3 будут большими.

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

Не так давно возникла у меня необходимость в подключении к проекту псевдослучайных пользовательских картинок (юзерпиков), настройки для которых привязываются к некоторой персональной пользовательской информации (логин, пароль, e-mail, whatever). Я знаю о существовании Gravatar и подобных проектов, но очень не хотелось обращаться к сторонним сервисам за такой мелочью, так что я стал искать нужный мне класс в Интернете.

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

Класс называется Avatarco.
Для полноценной работы необходим PHP5 >= 5.3.0, но изменив одну строку можно заставить работать на PHP5 ниже, чем 5.3.0.
Описание работы класса и его исходный код доступны по адресу code.google.com/p/avatarco

Вот случайный пример его работы (или пройдите по ссылке и пообновляйте):


Надеюсь, пригодится не только мне.
С удовольствием выслушаю комментарии об ошибках и необходимых улучшениях/доработках.

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

Многие программисты согласятся, что когда находят баг в уже работающей системе, вина сваливается на них. А кого же ещё? Ведь они его допустили! В итоге, мотивация понижается, имидж портится, и вообще — те, кто больше всех работает, получает больше всех пинков. А признание получают менеджеры, отдел продаж и прочие…