В любой профессии есть тонкая прослойка людей, которые являются действительно высококлассными специалистами. Не исключение и область фронт-енд разработки — здесь также есть выдающиеся личности. К их мнению прислушиваются, за ними следят в блогах и социальных сетях и читают их книги. В процессе своей работы они рождают различные оригинальные решения или техники, которые мгновенно расходятся по миру веб-разработки и остаются актуальными не один год. Они создают удобные онлайн-сервисы для верстки, пишут полезные js-библиотеки, совершенствуют браузеры, пропагандируют веб-стандарты и оказывают непосредственное влияние на их развитие. Они могут называть себя front end engineer, front-end developer, web developer, web designer, UI Designer, browser compatibility expert или просто css lover, но для большинства из нас они — звезды мирового фронт-енда, которые делают интернет таким, каким мы его знаем. На Хабре довольно часто появляются обзоры интересных решений, техник и новостей из мира веб-разработки с указанием западных авторов, однако далеко не все знают что-нибудь о них кроме имени. Мне захотелось вкратце рассказать для широкой публики о некоторых из этих товарищей.

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

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

Один из самых талантливых людей современности Элон Маск сообщил в своём твиттере, что 12 августа он планирует опубликовать проект своей новой идеи для её публичного обсуждения. Речь идёт о системе сверхбыстрых пассажирских перевозок под футуристичным названием Hyperloop.

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

Компания Tactus представила сенсорный дисплей с тактильной динамикой. Виртуальные кнопки на таком экране могут становятся объемными. Tactus обещает, что трансформирующиеся сенсорные экраны появятся в продаже уже в середине 2013 года.

Эссе Джоэля Спольски (Joel Spolsky) о мотивации, о денежных премиях и о том, что делать с сотрудником, если его идея принесла вашей компании миллион долларов. Оригинал статьи на английском языке можно прочитать здесь.

Джоэль Спольски — один из создателей сайта stackoverflow.com и ведущий блога joelonsoftware.com.

Два года назад студент по имени Ноа Вайс (Noah Weiss), проходивший летнюю стажировку в нашей фирме Fog Creek, поделился со мной отличной бизнес-идеей. Он обратил мое внимание на то, что довольно много сайтов IT-тематики размещают платные объявления о вакансиях, и предложил мне делать то же самое на страницах моего блога Joel on Software. По словам Ноа, написать систему показа таких объявлений будет проще простого («Это же просто еще одна таблица в базе!»). А для других продуктов у нас уже были готовые модули для приема банковских карт и генерации платежек, так что проект действительно выглядел несложным.

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

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

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

На мой взгляд удачное решение показано на видео:

В наши дни дизайнеры так часто используют скруглённые углы, что их уже можно считать индустриальным стандартом, а не модным трендом. Они встречаются не только в программах, но даже в дизайне аппаратных устройств. Что же делает их такими популярными?

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

Дизайн простого логотипа иногда бывает серым и скучным, если разрабатывается без доли воображения. Многие популярные бренды имеют простые, но в то же время эффективные логотипы. Вспомните дизайн логотипа знаменитого FedEx. Он выглядит элементарным и безыскусным, но на самом деле это отличная идея со скрытым смыслом, который заключается в стрелочке между буквами «E» и «x». Эта стрелка символизирует развитие и успех компании.

Это одна из самых больших проблем дизайнеров. Создание абстрактных логотипов с действенными «скрытыми посланиями» намного важнее, чем свистелки и перделки модный дизайн.
Это потому, что если логотип не передает всю «суть» компании, то и бренд продать не получится. Одним из самых популярных приемов в разработке логотипов является negative space (негативное пространство).

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

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

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

В рамках проекта «Давайте сделаем интернет быстрее», Google опубликовал некоторые статистические данные о размере, количестве ресурсов и других показателях страниц во Всемирной паутине. Статистика была собрана из выборки в несколько миллиардов веб-страниц в процессе анализа и индексирования «движком» поискового гиганта.
При обработке этих страниц алгоритмом принимались во внимание не только основные html¬-страницы сайтов, но и производились попытки обнаружить и обработать остальные ресурсы, размещаемые на сайтах: таблицы стилей, скрипты и изображения.

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

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

Под хабракатом пример еще одной подобной рекламы, на этот раз уже в Нью-Йорке.

Кремль нашел применение нефтедолларам и газорублям — Москва пустила их в нанотехнологии, которые должны помочь России догнать Европу, США и Китай

Максим Бироваш, последний номер журнала Корреспондент

Анатолий Чубайс, экс-вице-спикер правительства РФ, который в прошлом году возглавил российскую госкорпорацию Роснано, не скрывает почти брежневского чувства “глубокого удовлетворения”.
“Время пугать весь мир ракетами прошло. Теперь у нас другие козыри — высокие технологии, которые могут изменить наше место в мировой экономике”, — рассказывает в беседе с Корреспондентом этот человек, на плечи которого власти взвалили серьезную ношу: буквально внести государство в светлое будущее, превратив ее нефтедоллары в доходы от главной фишки Кремля — нанотехнологий.

Думаю комментарии излишни, предлагаю просто посмотреть и насладиться.



Внимание, под катом много картинок.

Что заставляет дизайн выглядеть скоординированным, спланированным и профессиональным? Ответ: 'цвет'.

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

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

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

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

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

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

Даниэль А. Беккер — выпускник университета прикладной науки Mainz, задался вопросом, обозначенным в заголовке.

В случае с числом Пи, явлением, до сих пор до конца не исследованным, по выборке в 1 миллион десятичных разрядов Даниэль сделал следующие наблюдения. Порядок: чем больше диапазон наблюдаемых десятичных разрядов, тем более сбалансированно распределение цифр от 0 до 9. Хаос: распределение, частота и последовательность десятичных разрядов числа Пи не поддается систематизации.

Через неделю нашему блогу Хреновина.net исполнится 9 месяцев. За это время мы набрали уже неплохую популярность и регулярно получаем отзывы-благодарности за интересный контент. Что греха таить, то, что мы делаем, нам и самим нравится. И мы были бы рады, если бы подобного рода контента в Сети было побольше. Сегодня мы хотим поделиться некоторыми приёмами изготовления интересных постов.

Новичок в визуализации данных? Тогда держи ответы на часто задаваемые вопросы.

Что же такое диаграмма?

Просто открой глаза, и невероятные объемы данных проникнут в твой мозг в ту же секунду. Данные обрабатываются мгновенно и вот ты уже понимаешь окружающий мир. Появляется формы и структуры и ты уже можешь отделить мух от котлет.
Образно, график — отличный инструмент, преимущество которого в том, что ты можешь отразить числа в пространстве. Как только точки начнут выстраиваться одна за другой, ты увидишь схему, которую вряд ли бы обнаружил, просто разглядывая числа. При этом, когда ты создаешь диаграмму, главной твоей заботой должно быть упростить обнаружение этой схемы. Все остальное уже не нужно. Все остальное — просто маркетинг ;)

И зачем я должен использовать диаграммы?

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