• [Видео] Путешествие от Солнца до Юпитера со скоростью света

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

      Автор позволил себе некоторую свободу в выравнивании планет и астероидов, но в целом он постарался отобразить всё как можно более точно. Также он решил закончить видео сразу после Юпитера, чтобы длительность видео была меньше часа.

    • Модель электродвигателя из подручных материалов за несколько минут

      Давным-давно видел описание как сделать модель электродвигателя постоянного тока буквально «на коленке». Наконец-то решился самостоятельно сделать эту игрушку и убедиться что моторчик действительно вращается.

      Мне понадобились: деревянный брусок, пара скрепок, элемент питания ААА (ЭП), кусок изолированного провода и магнит. Все нашлось дома, только провод пришлось отмотать от бухты на работе (можно было, разумеется, добыть его из любого испорченного трансформатора или дросселя). Мой провод тонковат 0,2мм, лучше бы потолще — жёсткость ротора будет выше. А магнит отлично подошел от игрушки типа трещотка «Цикады», купленной в магазинчике мелочей «Все за ХХ руб».


      Читать дальше →
    • 02 Ссылки для UX-специалистов

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


        Читать дальше →
      • Список YouTube-каналов для обучения веб-разработке

          image


          Привет, хабражители!

          Представляю вам список YouTube-каналов для обучения веб-разработке. Список доступен на гитхабе, там он будет пополняться и редактироваться. В планах — создание отдельной странички для фильтрации каналов по тегам и рубрикам.

          Также хочу попросить вас о небольшой услуге: если вы знаете канал, не вошедший в список — опубликуйте ссылку на него в комментариях или отправьте pull request. Сообщество будет благодарно вам.

          Под катом — текущая версия списка.
          Читать дальше →
        • Мобильный интерфейс для одной руки

            В своей книге Designing Mobile Interfaces (2011) дизайнер Стивен Хубер ввел понятие The Thumb Zone («зона большого пальца») — область экрана, наиболее удобная при использовании телефона одной рукой. С года издания книги средний размер смартфона заметно увеличился, и «мертвая зона» — область, которую сложно достать пальцем одной руки, — также стала больше.

            «Зона большого пальца» для 5–4,7-дюймового экрана, если держать телефон в левой и в правой руке, соответственно. Изображение основано на публикации Скотта Хэрффа.
            Изображение. «Зона большого пальца» для 5–4,7-дюймового экрана, если держать телефон в левой и в правой руке, соответственно. Изображение основано на публикации Скотта Хэрффа.

            Читать дальше →
          • Потрясающая коллекция бесплатных шрифтов за 2014 год

              Привет, Хабр! Многие уже знают о моей страсти к попытке собрать самое лучше, что может быть полезно для веб-разработчиков или веб дизайнеров. И шрифты — не исключение. Программное обеспечение для работы со шрифтами постоянно развивается. Количество дизайнеров желающих опробовать себя в типографике растет с каждый днем. А сегодня я хочу представить вам их наработки — 30 потрясающих бесплатных шрифтов, которые мне удалось собрать за последний год.

              Polar



              Polar

              Читать дальше →
            • Трёхмерный фон для сайта в реальном времени на JavaScript при помощи three.js

              • Перевод
              • Tutorial


              Обучающий материал с ресурса Phyramid, у которых именно такая шапка сайта.



              Обновив в 2014 свой сайт, мы сделали трёхмерный фон в шапке, состоящий из геометрических фигур в 3D Max. Но потом мы подумали, что было бы гораздо круче генерить его в реальном времени на JS. Сказано – сделано, и при помощи замечательного фреймворка three.js мы сделали простенькую сценку. И вот, как это было.

              Замечание по стилю кода: мы сначала хотели использовать только функциональный стиль, но из-за особенностей веба и работы алгоритма переключились на ООП.
              Читать дальше →
            • 01 Ссылки для UX-специалистов

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


                Читать дальше →
              • 58 признаков хорошего интерфейса

                • Перевод
                У хорошего интерфейса пользователя высокая конверсия и его просто использовать. То есть, он хорош и для бизнеса, и для использующих его людей. Вот список опробованных нами идей.

                1 Один столбец вместо нескольких


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

                image
                Читать дальше →
              • Internet Archive выложил 2400 DOS игр



                  Разработчики, стоящие за Internet Archive, явно души не чают в старых игрушках (и это хорошо). Ранее Internet Archive представил эмуляторы для игры в игры для Atari и некоторых других платформ. Играть можно абсолютно бесплатно, за что большое спасибо сервису Internet Archive.

                  Теперь благодарность игроков увеличится во сто крат, поскольку на Internet Archive выложили огромных архив из 2400 игрушек для MS-DOS. Понятно, что большую часть архива можно достать где-то еще, но теперь все это собрано в одном месте.

                  Читать дальше →
                • Литературно-фантастические новинки 2014 года. Чем пополнить домашнюю библиотеку фантастики



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

                    И если в суете будней вы подзабросили чтение книг, то это вы зря. Высокие технологии пока не задушили писательское ремесло (надеемся, этого и не произойдёт), и ежегодно выходит немало интересных книг, достойных того, чтобы выкроить полчаса-час в день на чтение. Быть может, эти книги станут для вас некой отправной точкой. Кстати, в конце ноября теперь уже прошлого года Урсула Ле Гуин сказала:

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

                    Читать дальше →
                  • Удивительный Марс

                      По своим краснопланетарным интересам я часто нахожу необычные снимки Марса или иллюстрированные научные факты про него. Некоторые из них так потрясающи, что хочется выбежать на улицу и показывать их всем прохожим, настолько они выбиваются из стереотипа Марса как скучного «рыжего безжизненного глобуса». Но на улице меня не поймут, а здесь, надеюсь, оценят по достоинству удивительную информацию о нашем соседе по Солнечной системе.
                      image
                      Читать дальше →
                    • WordPress обновился до версии 4.1


                        Самая популярная в мире система управления сайтами WordPress обновилась до версии 4.1 под кодовым названием «Dinah», в честь джазовой певицы Дины Вашингтон.
                        Со слов авторов системы версия WordPress 4.1 должна помочь вам сфокусироваться на написании публикаций, а новая тема оформления по-умолчанию позволит показать написанное «в стиле».
                        Что нового?
                      • Улучшаем мобильные сайты с Google Developers по-русски

                          Привет, Хабр!

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

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


                          О том, как улучшить свой сайт - под катом
                          • +9
                          • 22,4k
                          • 9
                        • Google анонсировал No-CAPTCHA — новую систему защиты от спамеров


                            Старая-добрая reCaptcha

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

                            Не секрет, что есть и сервисы ручного взлома капчи, где за пару центов (а то и меньше) добровольцы взломают любую капчу, которую смогут разглядеть. Как бы там ни было, но корпорация Google представила новую систему защиты от спамеров и ботов, которая отличается от того, что мы видели до сих пор.

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

                            Читать дальше →
                          • Математика разметки с помощью CSS: разбираемся с calc

                            • Перевод
                            За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам и разработчикам следует понимать, как это работает. Но было бы удобно оперировать (складыва/вычитать) единицами разной размерности в одном и том же выражении.

                            Для этого отлично подходит calc. При ее всей мощности, то, как ее можно применять, лучше продемонстрировать на примерах.

                            image
                            Читать дальше →
                            • +21
                            • 47,2k
                            • 8
                          • Sublime Text для фронтэнд-разработчика

                            • Перевод


                            Sublime Text на данный момент является одним из самых популярных текстовых редакторов, используемых для веб-разработки, поэтому надо знать его преимущества и недостатки. Вместо того, чтобы шаг за шагом описать все фичи Sublime Text, эта статья познакомит вас с самыми популярными приёмами и полезными плагинами, позволяющими ускорить разработку.
                            Читать дальше →
                          • «Странники»: короткометражный фильм об освоении Солнечной системы



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

                              Короткометражный фильм «Странники» (Wanderers) — еще одна интересная работа, в которой затрагивается важный вопрос: освоение Солнечной системы. Правда, здесь расчет строится на эмоции, какой-либо информации практически не сообщается, лишь показаны возможные способы освоения нашей системы.

                              Читать дальше →
                            • Будущее [отсутствие] интерфейсов браузеров от Яндекса

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



                                Меня зовут Гена Лохтин. В Яндексе я отвечаю за проектирование интерфейса нового Браузера, и специально для Хабра хочу сейчас рассказать, почему мы пришли к такому новому интерфейсу и какие трудности нам удалось преодолеть по дороге. Внутри для нового браузера мы использовали кодовое название «Кусто» (чуть ниже расскажу почему). Так что иногда я буду использовать его в тексте.

                                Всё началось ещё в 2012 году с вопроса, который задают себе многие авторы браузеров: как сделать так, чтобы интерфейс занимал меньше места и оставлял его сайтам? Вопрос кажется простым. И первые идеи ответов на него тоже простые. Кто-то убирает табы в заголовок окна, кто-то — иконки расширений к адресной строке.

                                Но никто ещё не предлагал такого радикального решения, как мы. Чтобы прийти к нему, и решить все те проблемы, которые оно ставит, — понадобилось несколько лет. Ведь это не только убирание рамок. Нужно, чтобы браузером при этом было удобно пользоваться. Внутри «Кусто» много новых интерфейсных решений, над которыми мы долго работали и которые долго тестировали. Итак.
                                Читать дальше →
                              • Видео с доклада Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки»


                                  Мега интересная лекция от знаменитости в области веб-разработки, основателя и шеф-редактора журнала Smashing Magazine. Мероприятие произошло благодаря Mail.ru. Ключевые темы: UI/UX, проектирование, отзывчивый дизайн, производительность, трюки с SVG. Все это на примере реальных кейсов от The Guardian, BBC и конечно же Smashing Magazine.

                                  От себя хочется добавить, что Smashing Magazine я читаю ежедневно и многое беру от туда для моих подборок. А тут все эти «трендовые постулаты» Perfomance Budget, Mobile First, Atomic Design, Critical Path и др. из первых уст! Еще Фридмана просто интересно слушать. Очень харизматичный спикер с постоянной дружелюбной улыбкой на лице. Рекомендую всем к просмотру.