• Золотая фольга

      image


      На многих фотографиях космических агентств, будь то НАСА или Роскосмос, при подготовке космических аппаратов нередко фигурируют детали, завернутые в фольгу золотого цвета. Очевидно, что она служит для изоляции, но почему именно золотая? И как она работает?
      Читать дальше →
    • Сниппеты для Chrome DevTools

        Возможности встроенного в браузер инструмента Chrome Developer Tools можно расширить с помощью сниппетов. Это ускоряет разработку и упрощает рабочий процесс. Хорошая коллекция сниппетов есть на GitHub'е.

        Сниппеты в Google Chrome


        Подробно о функциях сниппетов можно почитать в официальной документации Chrome. А вот краткая инструкция:

        1. Зайти в «chrome://flags» — Отметить «Enable Developer Tools experiments».
        2. Открыть DevTools: «Settings» — «Developer Tools Experiments» — Отметить «Snippets support».
        3. После перезагрузки во вкладке DevTools «Sources» появится «Snippets», где можно управлять сниппетами:

        image
        Читать дальше →
      • Zephyr — ровер с парусом от NASA для изучения Венеры

          image


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

          Джофри Ланди (Geoffrey Landis) занимается изучением этого вопроса в исследовательском центре NASA в Кливленде. Совместно с лабораторией COMPASS (Collaborative Modeling for Parametric Assessment of Space Systems) он разрабатывает новый тип аппарата — ровер Zephyr, который предположительно сможет использовать сильные ветра в атмосфере для исследования поверхности Венеры. Аппарат сможет передвигаться по планете и выдерживать температуры до 450 градусов по Цельсию.
          Читать дальше →
        • Открытия «охотника за экзопланетами» — телескопа «Кеплер»

            image

            Кеплер — космический телескоп NASA, предназначенный специально для поиска экзопланет: изучить структуру других планетарных систем, определить количество планет, пригодных для жизни, исследовать свойства их звезд. Космический аппарат был запущен 6 марта 2009 года, а в мае 2013 года телескоп вышел из строя, находясь на гелиоцентрической орбите (заклинило два из четырех маховиков). Миссия стоила NASA около $600 млн.

            За четыре года Кеплер открыл 2740 кандидатов на звание экзопланет, из которых на сегодняшний день подтверждено около ста. Некоторые из планет — очень интересные экземпляры.
            Читать дальше →
          • Правильная адаптивная типографика с FlowType.JS

              image


              Согласно правилам типографики, контент страницы хорошо читается, если в строке от 45 до 75 символов. При разработке адаптивного дизайна это сложно реализовать только лишь с помощью Media Queries. Появился jQuery плагин FlowType, который помогает добиться такого соотношения при любом размере экрана и ширине окна.

              FlowType меняет размер шрифта и междустрочный интервал в соответствии с шириной блока контента. Кроме того можно задавать параметры плагина, например максимальную и минимальную ширину окна, при которой FlowType будет работать.
              Читать дальше →
              • +20
              • 15k
              • 7
            • Эксперты в математике делят счет

              • Translation
              Это перевод заметки Math Experts Split the Check, в которой на простом примере разделения счета в ресторане наглядно демонстрируется, насколько разными могут быть взгляды и суждения физика, математика, инженера, экономиста и программиста.

              image

              Инженер: не забудьте дать на чай 18%.

              Математик: это до налогов или после?

              Физик: давайте предположим, что в нашей системе нет налогов.

              Программист: но налог есть!
              Читать дальше →
            • Понимание букв

              • Translation
              • Tutorial
              Для того, чтобы выбрать правильные шрифты для хорошей читабельности текста, необходимо понимать основные принципы типографики. Дьявол кроется в деталях, а главная составляющая типографики — буква.

              Книга «Основы стиля в типографике» (The Elements of Typographic Style), которую стоит рекомендовать всем начинающим дизайнерам, начинается со слов:
              Типографика существует, чтобы отдавать должное содержанию.

              Если и можно уместить все знания о типографике в одну фразу, то это именно она. Контент может кричать или шептать. Так же и шрифты, могут быть «громкими» и «тихими». Буквы, и в частности глифы, их различия, позволяют придать тексту много оттенков.

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

              Пожалуй, самый популярный логотип, который демонстрирует «владение буквами» — это логотип FedEx, разработанный Линдоном Лидером (Lindon Leader). На первый взгляд, это обычное применение Futura Bold. Однако если присмотреться, видно, как были изменены буквы «E» и «x», чтобы образовалась стрелка:
              image
              Читать дальше →
            • Адаптивные email'ы

              • Tutorial
              image


              Сегодня пользователи все чаще читают электронные письма на мобильных устройствах. Каково бывает просмотр большого HTML-email'а на телефоне? Приходится много масштабировать и скроллить, в целом читать становится очень неудобно. Поэтому и письма электронной почты следует делать адаптивными.
              Читать дальше →
            • Впечатляющие примеры WebGL

                Библиотека WebGL позволяет создавать в браузере удивительные 3D игры, сцены и эффекты. Пока большинство из них just for fun, но некоторые могут быть уже сегодня использоваться на живых сайтах. В этом топике собраны наиболее интересные примеры использования WebGL, спасибо двум постам Дэвида Уолша (David Walsh) и сайту WebGL Experiments.

                Google Maps Cube


                Необычная игра, где нужно гонять шарик по лабиринту из улиц Google Maps, доставляя метку в определенные места на карте. И все это расположено на кубе. Осторожно, можно залипнуть надолго!

                image
                Читать дальше →
              • Как работать с дизайнерами

                • Translation
                image


                Это перевод интересной статьи о дизайнерах и их принципах работы How to Work with Designers.

                Чтобы дизайнеры вас понимали, говорите не о показателях, а о пользователях


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

                Еще примеры таких «переводов»:

                • Можем ли мы увеличить кликабельность этой кнопки? → Как нам убедиться, что пользователь знает о новой возможности, которой легко воспользоваться?
                • Нужно, чтобы эти изменения не ухудшили показатели → Необходимо убедиться, что эти изменения не доставят пользователям неудобств.
                Читать дальше →
              • Google упал на две минуты — объем мирового трафика сократился на 40%

                  Вчера в 03.51 по московскому времени все службы Google, в том числе и поиск, ушли в оффлайн на 1-5 минут. Это хорошо видно в сервисе мониторинга Apps Status Dashboard. Казалось бы, ничего страшного — всего около двух минут. Однако такое событие не могло не отразиться на других сайтах Интернета.

                  Сервис сбора данных со счетчиков GoSquared зафиксировал общее падение посещаемости сайтов в интернете на 40%. На графике наглядно видно резкое падение и затем скачок трафика:

                  image
                  Читать дальше →
                • Удобный интерфейс Хабра? #2

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

                    image
                    Читать дальше →
                  • Безопасность электронной почты: шифрование писем

                    • Tutorial
                    Последний месяц, в связи с недавними событиями — закрытием почтового сервиса с шифрованием LavaBit, заявлениями Гугла, что Gmail не гарантирует безопасность данных, переходом крупнейших email-сервисов Германии на шифрование писем, в Интернете все чаще стали говорить об обеспечении конфиденциальности частной переписки. Начнем с простых решений.

                    SecureGmail


                    Большинство из нас пользуется почтой от GMail, поэтому хорошо бы научить его шифрованию писем. К счастью, уже есть расширение для Google Chrome — SecureGmail.

                    image
                    Читать дальше →
                  • Устройства связи без источников питания

                      image


                      Использование энергии радиоволн было затруднительно из-за слишком быстрого их рассеивания. Однако инженеры из Университета Вашингтона создали технологию, благодаря которой устройства связи могут питаться от уже существующих в эфире сигналов, в частности, телевизионных. Система называется Ambient Backscatter («Обратное рассеивание»). Разработанные маломощные устройства также могут поддерживать связь друг с другом, используя чужие радиоволны.
                      Читать дальше →
                    • Прототипы устройств Apple 30-летней давности

                        В 1982 году Apple было всего шесть лет, а 28-летний Стив Джобс был сооснователем и президентом. Уже тогда компания стремилась к качественному дизайну своих продуктов и нанимала лучшие дизайнерские бюро для разработки концептов устройств. Одним из таких партнеров стала фирма Frogdesign. Ее основатель, немецкий дизайнер Хартмут Эсслингер (Harmut Esslinger), в прошлом году представил в своей книге "Design Forward" прототипы устройств Apple, которым не суждено было появиться на свет.

                        В то время компания Apple переживала не лучшие времена, активно боролась за рынок со своими конкурентами — IBM, Xerox, Sony, поэтому делать революционный продукт было просто необходимо. Хартмут Эсслингер в 70-ые годы работал с Sony, а с начала 80-ых — с Apple. За время сотрудничества компания изменила статус с локального бренда Кремниевой Долины на корпорацию мирового масштаба. Не малую роль в этом сыграл Хартмут Эсслингер, предложивший Стиву Джобсу концепт простого, светлого, «Snow White» дизайна. Таким был создан первый Макинтош, который царствовал на рынке с 1984 по 1990 годы, вплоть до ухода Стива Джобса из Apple. Вслед за ним ушел Хартмут Эсслингер, разорвав свой контракт и начав сотрудничать с NeXT.

                        Apple Snow White 3 «Macphone», 1984


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

                        Читать дальше →
                      • Управление загрузкой изображений

                        • Translation
                        • Tutorial


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

                        Использование контейнера для каждого изображения


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

                        <div class="img_wrapper">
                            <img src="comicbookguy.jpg" alt=""/>
                        </div>
                        

                        С помощью контейнера можно контролировать соотношение сторон картинки, а также использовать индикатор загрузки, что очень удобно, если изображения тяжелые.
                        Читать дальше →
                      • Использование Drag&Drop в HTML 5

                        • Tutorial


                        Долгое время для создания Drag&Drop функционала использовались JavaScript-функции, однако браузеры не всегда корректно могли отображать результат. В HTML 5 есть способ грамотной поддержки Drag&Drop, с небольшим применением JavaScript. В этой статье подробно разобран наглядный пример применения Drag&Drop в HTML 5.

                        Поддержка браузерами


                        На сегодняшний день функция Drag&Drop в HTML 5 корректно обрабатывается всеми современными настольными браузерами, (частично даже IE 5.5!), однако мобильные такую возможность не поддерживают. Подробнее данные в таблице caniuse.com.
                        Читать дальше →
                      • Теория цвета в цифрах

                        • Tutorial
                        Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.

                        Основы


                        Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

                        Читать дальше →
                      • История The Pirate Bay



                          На днях проект The Pirate Bay отметил свой 10-летний юбилей. Основанный в 2003 году группой хакеров и активистов, небольшой шведский торрент-трекер рос, став иконой интернет-пиратства. Давайте взглянем, как проект прошел путь от маленького сайта, расположенного на сервере с процессором 1.3 ГГц и 256Мб оперативной памяти, до глобального пиратского ресурса с мировым именем.
                          Читать дальше →
                          • +48
                          • 37.5k
                          • 8
                        • Emmet LiveStyle — инструмент для удобной front-end разработки



                            На днях появился наверное самый удобный инструмент для front-end разработчиков — Emmet LiveStyle. Это плагин для двухстороннего (редактор браузер) редактирования CSS файлов, который может заметно облегчить и ускорить разработку. Восторженные отзывы по всему интернету это подтверждают (комментарии к статье Smashing Magazine и на Хабре).
                            Читать дальше →