• Не только Яндексу. Микроразметка на крупнейших сайтах рунета: зачем ею пользуются и почему она пригодится и вам

      Мы уже рассказали вам о мире семантической разметки — о том, какие бывают словари, почему столько стандартов синтаксиса, а также разобрали, в каких продуктах она используется.

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



      Люди, которые отвечают за разработку и всю техническую часть таких сайтов, как Holodilnik.ru, Ozon.ru, Lenta.ru, Interfax.ru и Ivi.ru, ответили на вопросы о том, как на практике происходит внедрение микроразметки и каких результатов она позволяет добиться. А мы со своей стороны рассказали, какие типы мы бы порекомендовали таким сайтам и для чего.

      Читать дальше →
      • +45
      • 102k
      • 9
    • HTML5 Video — от А до Я

      • Translation
      Да, да, это очередная статья про html5 и тэг < video >. Но главным ее отличием будет то, что здесь будут рассмотрены самые базовые понятия и теории. Так что приготовились внимательно читать и записывать, let html5 rocks!
      Читать дальше →
    • Подборка интересных CSS рецептов «Голые пятницы #3»

      • Tutorial
      голые пятницы

      Здравствуй, дорогой читатель хабра!
      Сегодня мы поговорим о градиентных границах, режимах наложения, о том, как рациональнее сверстать стандартную иконку меню. А так же откроем для себя заново старое css-свойство visibility и рассмотрим новое медиа-выражение @Supports.
      Читать дальше →
    • XMonad + XMobar = ❤

      Многие слышали про тайловые оконные менеджеры, некоторые даже слышали о XMonad. А ребята из Google даже променяли Unity/Gnome на XMonad. Что же это такое, как это настраивать и как с этим жить? Краткий workaround для любителей кастомизировать всё подряд.


      Подробности
    • Работа с COM портом в web-проекте

      • Tutorial

      Пролог


      Один из клиентов нашего web-проекта захотел использовать для поиска заказов в системе сканер штрихкодов. Но, к сожалению, полностью отказался от идеи работы с ними в режиме имитации клавиатуры — только эмуляция COM-порта.
      Вариантов решения было не особенно много:
      • отдельное нативное приложение, которое бы отправляло запрос на наш сервер, а сервер бы отдавал команду в браузер
      • работа с COM портом непосредственно из браузера

      К счастью, есть способ решения проблемы вторым путём.

      Читать дальше →
    • Свет и цвет: основы основ

        Piccy.info - Free Image Hosting
        Мы часто говорим о таком понятии как свет, источниках освещения, цвете изображений и объектов, но не совсем хорошо себе представляем, что такое свет и что такое цвет. Пора разобраться с этими вопросами и перейти от представления к понимаю.
        Читать дальше →
      • YouTube Center

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

          Возможности YouTube Center

          Дополнение позволяет:
          • разместить видео по центру страницы (1)
          • указать размер плеера (2)
          • указать качество видео (3)
          • запретить автопроигрывание и буферизацию видео, в том числе в Linux в HTML5 (4)
          • отключить Dynamic Adaptive Streaming over HTTP (Dash), которое не позволяет свободно передвигаться вдоль ролика, потому что буферизация каждый раз начинается заново (5)
          • отключить рекламу, в том числе рекламу внутри видео (6)
          (цифрами в скобках указаны ссылки на комментарии на хабре, в которых идёт речь о желательности таких функций на YouTube)

          Есть и другие мелкие плюшки, вроде возможности:
          • скачивать ролики (с выбором качества, формата и названия видео)
          • удалить предложение видео в конце просмотра
          • указать тип плеера (Flash или HTML5)
          • указать разрешение, в котором загружены ролики
          • добавить автоподсветку, выбрать её цвет и прозрачность
          … и многое другое
          Читать дальше →
        • Как я преодолевал предел 4Гб на Windows XP 32бит

          Сразу оговорюсь, «преодолевал» в названии отражает только тот факт, что теперь моя XP видит всю память, установленную на системной плате. Не я придумал способ, я просто им воспользовался и теперь хочу поделиться.
          Вопрос о четырёх гигабайтах памяти в Windows XP (здесь, и далее 32 бит) поднимался на просторах Интернет неоднократно. И так же неоднократно делался вывод, что более четырёх увидеть в принципе невозможно, а так как оборудование тоже требует адресного пространства, то и того меньше. Обычно 3.25 Гб, или около того. Очень подробно и убедительно история вопроса освещена здесь: Четыре гигабайта памяти — недостижимая цель?

          Меня этот вопрос тоже волновал. Хотя, казалось бы, можно поставить 64 битную систему, или даже Windows Server (как известно он даже в 32-битной версии видит всю память), но я хотел пользоваться Windows XP. Два раза за последние 3 года я переходил на Windows 7, в первый раз на 64-битную, второй раз на 32-х битную, но в итоге оба раза вернулся назад на XP, которая живёт у меня без переустановки с 2007 года.
          Последний раз я отказался от семёрки в пользу старушки буквально две недели назад. Притом, надо отметить, что семёрка была хоть и 32-х битная, но в ней была разблокирована возможность видеть всю доступную память. Способ разблокировки доступен в Интернет. И теперь мне с новой силой захотелось решить этот вопрос и в XP.
          Читать дальше →
        • Эквалайзер на JavaScript

          • Tutorial
          На хабре уже было несколько статей по Web Audio API: создание визуализатора, вокодера и пианино в 30 24 строки. Поиск же по всея интернетам по запросу эквалайзер упорно выдавал туториалы по созданию спектрограмм. (Если заголовок этой статьи сбил вас с толку или вы таки купились на картинку:) и ожидали именно визуализации аудио — вам сюда или вот сюда). Но именно просто эквалайзера я так и не встретил (хотя уверен, что где-то он таки есть). Возможно, это настолько простая задача, что об этом и писать не стоит. Но, в таком случае, почему бы не сделать её ещё проще?


          Читать дальше →
        • Солнечная батарея в телефон своими руками


          Производители телефонов почему-то не хотят выпускать нормальные самозаряжающиеся гаджеты. На картинке выше телефон Samsung E1107. По заявлению производителя, в идеальных условиях он может полностью зарядится от солнца за 55 часов. Но в Москве нет таких идеальных условий.

          Есть более эффективные солнечные батареи и телефоны с более низким потреблением. К примеру, с черно-белым маленьким экраном Alcatel ot-117. Созрело у меня желание самому попробовать сделать солнечную панель для телефона и разместить на задней стороне, на крышке от аккумулятора.
          Читать дальше →
        • Аппаратное ускорение в жизни верстальщика. Семинар в Яндексе

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



            На основе доклада я подготовил этот пост. Я расскажу о том, как браузеры оптимизировали процесс отрисовки: с чего начинали и до чего докатились. Что сейчас можно сделать, чтобы жизнь верстальщиков и пользователей стала немного лучше. Я надеюсь, что кого-нибудь натолкну на какие-нибудь улучшения. Мне бы это было приятно.
            Читать дальше →
          • Picture — новый элемент, которого нет



              В девелоперских сборках браузеров Chrome, Firefox и Opera появилась поддержка нового элемета picture, призванного решить ряд проблем возникающих при разработке адаптивных дизайнов. Давайте рассмотрим его подробнее.
              Читать дальше →
            • Пост о маленьких видеоиграх

                Привет, друзья. В этом посте мне бы хотелось рассказать, как я писал маленькие HTML5-игры для конкурса js13k, какие подводные камни повстречались на этом тернистом пути, и что получилось в результате.

                Подводные камни на тернистом пути
                (Подводные камни на тернистом пути — это русло пересыхающей реки, например. Летом в нем растет всякая трава и другие вегетарианские штуки, а осенью начинаются дожди, и всё уходит под воду. Получается терновник вместе с подводными камнями, очень метафорично и травмоопасно.)

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

                Но сначала 77 слов про js13k

                Читать дальше, там самое интересное же
              • JPHP — Новый движок php для Java VM + JIT

                  Представляю вам свой open-source проект — JPHP. Это альтернативная реализация PHP для JavaVM с поддержкой JIT. Я начал проект в одиночку в октябре 2013 года и за 4 месяца реализовал компилятор php в байткод JVM. Язык поддерживается на уровне PHP 5.3, частично поддерживаются возможности PHP 5.4 и 5.5. По своей идеологии проект напоминает JRuby и Jython.

                  Я подготовил небольшую презентацию, которая расскажет о проекте и не отнимет у вас много времени:


                  Читать дальше →
                • oDesk (Upwork). Мой опыт за полтора года

                    Вот уже полтора года я зарабатываю фрилансом на бирже oDesk. За это время у меня накопилось много материалов по данной теме. В данном топике я собрал все в одну статью и адаптировал для аудитории хабра.
                    image
                    Читать дальше →
                  • Оптимизация Linux для desktop и игр

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

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

                      Хоть я и пообещал, что после прочтения этой статьи, можно будет играть в Metro 2033 на калькуляторе (шутка, такого не будет), все же она начнется с рекомендации купить кое-что из железа, если у вас этого еще нет.
                      Читать дальше →
                    • Как сделать качественный дизайн с ограниченным бюджетом?

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

                        Я хочу рассказать, как можно сделать качественный дизайн с ограниченным бюджетом.
                        Читать дальше →
                      • Сравнительный обзор Android-браузеров



                          Привет, Хабр. Мы подготовили для вас сравнительный обзор 10 браузеров под Android, оцениваемых по функциональности, производительности, дизайну. Уместно отметить, что мобильных браузеров гораздо больше десяти. Их слишком много, чтобы сделать полноценный Топ 2014 года в масштабах одной публикации. Вместо того, чтобы полагаться только на популярность (или скорость работы), в шорт-лист вошли приложения, который представляет весь спектр реализуемых в мобильных браузерах технологий, включая новичков, ещё не собравших большую аудиторию пользователей (по материалам статьи The best Android browsers, 2014 edition: design, features, and performance)
                          Читать дальше →
                        • SVG, Iconfonts vs PNG

                          image

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

                          Признаться, я был немного удивлен реакцией на такие мысли в 2014-м то году. По этому случаю рассмотрим более детально существующие техники работы с иконками.

                          На текущий момент все более-менее просто. Мы можем верстать иконки с помощью SVG, создавать иконочные шрифты, ну и никуда не делась старая добрая техника с применением растра, в частности PNG. Правда добавились некоторые нюансы с появлением кучи HDPI устройств с совершенно разной плотностью пикселей.
                          Читать дальше →
                        • Малоизвестные функции в WordPress

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

                          Дабы уменьшить количество расстройств, я решил описать несколько малоизвестных, но весьма полезных функций:

                          make_clickable
                          Находит в тексте ссылки и делает их кликабельными.
                          Пример:
                          $string = "This is a long text that contains some links like http://www.wordpress.org and http://www.wordpress.com .";
                          echo make_clickable( $string ); 
                          


                          popuplinks
                          Добавляет target='_blank' rel='external' всем ссылкам в тексте.
                          Пример:
                          $string = "This is a long text that contains some links like <a href='http://www.wordpress.org'>http://www.wordpress.org</a> and <a href='http://www.wordpress.com'>http://www.wordpress.com</a> .";
                          echo popuplinks( $string ); 
                          


                          wp_list_pluck
                          Достает определенные поля из коллекции.
                          Пример:
                          $posts = get_posts();
                          $ids = wp_list_pluck( $posts, 'ID' ); // [1, 2, 3, ...]
                          


                          antispambot
                          Преобразовывает адреса электронной почты в символы HTML, для защиты от спам-ботов.
                          Пример:
                          $email = 'example@email.com';
                          echo '<a href="mailto:' . antispambot( $email ) . '">' . antispambot( $email ) . '</a>';
                          

                          Читать дальше →
                          • +20
                          • 16.3k
                          • 8