Мы делаем бродкастер для live трансляций в Facebook и одна из задач с которой пришлось столкнуться это текстовые оверлеи или титры (Lower Third). Наш JustBroadcaster мы выдерживаем в концепции всё должно быть “очень просто для обычного пользователя” и конечно задачу с титрами пришлось решать с учётом этого, избегая превращения в панель управления космическим кораблём.

AMD A4-5000 / 11.6" / 1366x768 / глянец / 4Gb / 500Gb / Wi-Fi / Bluetooth / DOS / ~ 11-14 т.р.

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

Набор моих обязательных требований к портативным компьютерам, как оказалось, был очень взыскателен:

1. Матрица 11.6" – даже 13.3" мне уже многовато.
2. Минимум 16Gb DDR3-3L 1600 (12800).
3. Вес вместе с блоком питания до 1.5 кг. — это просто Must Have, так как это очень комфортно.
4. 4 Core CPU, желательно AMD Kabini\Kaveri.
   Не то, чтобы я «не люблю» Intel Core i5-i7.
   Но для работы мне столько не нужно.
   Хотя, впрочем, да — я фанат AMD уже лет 15.
   Мне нравится Intel как инноватор.
   Но конкуренция должна быть свободной.
   
5. Наличие Legacy режима работы BIOS.
   Не то, чтобы я «не люблю» Microsoft.
   Хотя, впрочем, да — у меня Linux, уже лет 10.
   Поэтому присутствие UEFI Secure Boot или других ограничений меня бы очень сильно расстроило.
   Мне всё таки работать нужно, а не разбираться почему оно тормозит\упало\ограничено и тому подобное.
   
6. Нормальная графическая подсистема, так как на работе я подключаюсь к Full HD монитору. Соответственно и желание посмотреть что-нибудь в High Res тоже иногда возникает. Да и дома на телевизоре есть HDMI, которому иногда что-нибудь нужно показать.
   
7. Полноценная клавиатура. Я давно не смотрю на клавиши. Но тот человек, который придумал в моём старом Acer избавить меня от полноценных стрелочек и клавиш Home, End, PgDn и PgUp — он явно желал сделать мне плохо. Больше НИКОГДА! Потому, что привыкнуть к этому убожеству за два года я так и не смог.
   

Мои ожидания от MSI S12 полностью оправдались, поэтому захотелось обязательно поделиться, вдруг кому-нибудь тоже пригодится. Под катом, конечно же, будут какие-то фотки, ролики YouTube, агитация, провокации и другие сведения о том, каким я вижу «правильный нетбук» и почему данный экземпляр — это именно «оно».

Жила-была мышь, и звали её Defender MM-525. Стойко тянула она свою мышиную лямку — на ссылки кликала, страницы прокручивала, курсор перемещала. Но однажды случилась беда — вместо одного клика она стала делать два, а то и больше. Бывало, захочешь приостановить видео на ютубе — а оно вместо этого на весь экран открывается. Или выделяешь текст — а в последний момент выделение сбрасывается. Понятно, что дальше так продолжаться не могло.

Краем глаза

Это легенда. Это voodoo5 5500 (здесь отвесить поклон).
Представляет из себя двухчиповое решение. Это был путь 3dfx, по которому тот шагал широченными шагами, и назывался он SLI. Тогда как в нвидие были за интеграцию всего во вся, т.е. дислокацию всего в одном чипе. Кто прав мы уже сегодня знаем, а вот почему я и предлагаю вам прочесть.

4-пиновый молекс справа сверху. Да, это была одна из первых (если не первая) карт сегмента homeuser с доп. питанием. Я не перепутал, это точно — без молекса не заведётся. На этой только VGA-выход, но уже тогда были и модельки с DVI. А ещё тут есть Фичеконнектор… транзисторы, катушки, резисторы… теперь тоже все есть… и конденсаторы тоже… и значок "!!! НЕ ЛАПАТЬ!!" (как показала практика, абсолютно напрасный).
Работает, кланяюсь паятелям (и даже разгоняется!)



Работает, как видно, agp2x и не иксом больше. Хотя во многих обзорах писали agp4x, врунишки. DiME здесь тоже нет, а вот сайдбанд есть, что удивительно :) Всё это делает карту конкурентом сразу нескольких поколений карт других вендоров, и это довольно-таки забавно.

В среде веб-разработчиков все больше распространяется знание о том, что скорость важна. Многие стараются ускориться: используют сжатие gzip, минификацию, кеширующие заголовки, сокращение запросов, оптимизацию картинок и другие.

После выполнения этих рекомендаций возникает вопрос: а что именно мы оптимизируем? Оказывается, что в большинстве случаев это время полной загрузки страницы со всеми элементами. Однако, это не совсем то, что нужно. На самом деле важно время, за которое пользователь получает «первый экран» страницы с важными функциональными элементами (заголовок, текст, описание товара и т.д.) Другими словами, важен момент начала рендеринга страницы. Здесь и возникает критический путь рендеринга, который определяет все действия, которые должен выполнить браузер для начала отрисовки страницы. С этой штукой мы и будем разбираться в статье.

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

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

Итак, поддомен мы создали, разместили на нем требуемые нам странички. Основные задачи, стоящие перед нами после этого:

1. Правильный редирект мобильных и десктопных устройств на соответствующие версии сайта
2. Возможность просмотра полной версии с мобильных устройств
3. Так как на урезанной версии сайта некоторые страницы из полной отсутствуют, то надо обрабатывать эти случаи, не теряя посетителей
4. Удобство мобильной версии сайта для пользователей
5. Избегание всевозможных сеошных проблем — появления дублей и т.д.

WebFonts. История

WebFonts — это технология использования сторонних шрифтов на своей веб-странице. Один из примеров:



Если начинать с истоков, тег font был введен в 1995 году, а уже в 1996-м было написано программное определение на CSS. Начиная с версии CSS 2.0 была введена загрузка и синтез шрифта в браузерах, но тем не менее тогда еще популярный, а ныне старый и неактуальный IE не имел поддержки загрузки шрифтов, что мешало бурному развитию использования шрифтов на своем сайте.

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

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

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

Немного о терминах
Строго говоря, сайты не переводят, а локализуют. Локализация — это не просто перевод с одного языка на другой. Это комплексная адаптация к культуре и реалиям рынка, в результате которой тексты на сайте, графика, мультимедиа, верстка — все выглядит так, как этого ожидает целевая аудитория. Именно поэтому очень важно учесть множество нюансов, в том числе таких, которые на первый взгляд могут показаться незначительными. К примеру, подумать о длине слов в целевом языке (в английском они короче, чем в русском, а в немецком — длиннее) уже на этапе проектирования интерфейса. Например, «выход» и «exit» ещё не так сильно отличаются, а вот немецкий «Beenden» и китайский 退出 уже тянут на задачку для дизайнеров интерфейса.

Всем привет!
За месяц у нас накопилось много интересных ссылок для вас. Встречайте девятый выпуск!

По-русски

Весна в русском Drupal-сообществе прошла плодотворно. Ловите десять ссылок на отличные статьи на русском:

1. В блоге angarsky.ru вышла большая техническая статья «Создание ноды через кастомную форму с использованием модального окна CTools». И хотя этот материал далеко не для новичков, мы с честью открываем им дайджест! Всё очень подробно и грамотно рассказано и показано на реальном коде.
2. Немного хардкора от того же автора: «Получить программно список обновлений для БД». Эта заметка демонстрирует преимущества открытого фреймфорка Drupal — при желании вы можете сделать всё, что угодно.
3. Ещё одна практическая статья «Как добавить форму редактирования поля сущности к своей форме» вышла в блоге drupaler.by. Кстати, у Ctools и для полей есть удобные хелперы, чтобы не разбираться с подводными камнями Field API в одиночестве.
4. Куда ж без андеда и его неповторимого краткого стиля изложения. Модуль Language Domains будем иметь ввиду.
5. Хотите сделать свой rapidshare c таймером перед скачиванием? Павел Катаев поделился своим модулем Delay Download для этой цели, правда пока что модуль не доступен с drupal.org.
6. И ещё код: «Как программно редактировать профиль пользователя».
7. Пётр Лозовицкий рассказал, как переводил сайт с MySQL на PostgreSQL.
8. Новенькое на сайтах сообщества. На drupal.ru читайте про настройку сервера на основе конфига nginx-джедая Perusio.
9. На dru.io вышла заметка про любимые Drush-команды Василия Устинова.
10. Ребята из DrupalSPB.org провели очередной митап (презентации смотрите на страницах докладов) и Global Training Day, за что им большое уважение!

Всем привет. Хочу поделиться свеженаписанным генератором HTML таблиц.

Участились случаи сбора различной статистики и компоновки ее в сложные таблицы с различными групировками.



Заметив такую тенденцию решил автоматизировать рисование таблиц.

Как итог:

• Избавил себя от составления слоеных циклов для вывода массива;
• Получил стандартизацию структуры массивов;

Мы еще даже не успели освоить HTML5 как W3C уже выкатил первую версию HTML6. И мы не морочим вам голову. Он появился, поэтому пришло время еще раз испачкать руки. Забудьте о дате релиза HTML6 и давайте немного покодим на нем.

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

Как и HTML5, новая версия HTML имеет значительные отличия в структуре кода. Новая версия более стандартизирована, больше похожа на XML и больше подходит для создания веб-приложений будущего.

«Давным-давно был такой умучанный копирастами сайт — notabenoid.com. А здесь мы можем видеть исходники этого сайта, распространяемые под лицензией Beerware, что означает, что вы можете использовать весь этот говнокод как хотите», — пишет Дмитрий Ромахин, автор проекта, который выложил исходники в репозитории на Github.

Notabenoid — система коллективного перевода текстов (субтитров), оригинальный и очень полезный проект. Сейчас он работает на «секретном» адресе notabenoid.org/ и пускает внутрь только членов клуба. В принципе, это убивает всю идею народного перевода текстов, истинного краудсорсинга.

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

Проект свободного графического редактора Krita запустил свою вторую кампанию на Kickstarter, в которой заявлены анимация и реализация возможности работы с большими изображениями размером 10k+ пикселов.

Хочу поделиться своей небольшой библиотекой. Интересно услышать ваше мнение о ней.

Сразу к сути дела: htmlmake — это js-функция, позволяющая создавать строку с html-разметкой внутри для дальнейшей вставки в DOM-дерево.

Данная публикация является моим продолжением публикации «Axgio Windows Mini PC. Из Китая с приветом — обзор атомного малыша». Хотелось сделать удаленный Линукс сервер без клавиатуры и монитора. Установка Ubuntu 14.04.02 64 LTS с минимальными модификациями, что обеспечивает 5 лет поддержки. А также проблемы которые решались походу загрузка, текстовая консоль, запуск без монитора.

Meegopad существует в двух модификциях
a) RAM 2GB + DISK 32 GB CPU Intel® Atom(TM) CPU Z3735F @ 1.33GHz
b) RAM 1GB + DISK 16 GB CPU Intel® Atom(TM) CPU Z3735E не уверен при покупке лучше брать максимальный вариант.

Статья о максимальной модификации A

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

То есть, если у вас есть стол, туда можно встроить зарядку своими руками. Для этого понадобится $30, за эту сумму можно приобрести индукционную зарядку Jyssen, плюс за $5 продается еще и специальное сверло, позволяющее высверлить отверстие нужного диаметра.

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

Webtorrent

Полноценный торрент клиент для NodeJS и браузеров. Стримминг будет работать прямо в браузере благодаря WebRTC (data chanels) для P2P транспортировки. А самое главное «It's Just JavaScript™», то есть не нужны никакие дополнительные плагины или расширения. Проект собрал более 3000 звезд на GitHub и на данный момент предоставляет следующие возможности: непосредственно саму потоковую передача данных, загрузка нескольких торрентов одновременно, поддержку magnet uri, peer discovery и protocol extension api, возможность подключения WebTorrent клиентов на разных доменах, стримминг видео в <video> тег в формате (webm (vp8, vp9) или mp4 (h.264)), а также в AirPlay, Chromecast, VLC player и прочие устройства.

var WebTorrent = require('webtorrent')

var client = new WebTorrent()
var magnetUri = '...'

client.add(magnetUri, function (torrent) {
  // Got torrent metadata!
  console.log('Torrent info hash:', torrent.infoHash)

  torrent.files.forEach(function (file) {
    // Get a url for each file
    file.getBlobURL(function (err, url) {
      if (err) throw err

      // Add a link to the page
      var a = document.createElement('a')
      a.download = file.name
      a.href = url
      a.textContent = 'Download ' + file.name
      document.body.appendChild(a)
    })
  })
})

Устройство для снимка экрана на первых компьютерах (Command-Shift-3)

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

Ведь кажется, что скриншот — это “секунда работы, Alt+PrintScreen и Ctrl+V!”. Некоторые клиенты удивляются, когда слышат, что скриншот в мануале может стоить и $2 и даже $5.

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

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

Год назад я закончил Московский Авиационный Институт и получил квалификацию «Инженер». Но поскольку к тому времени я уже год отработал программистом и знал, что в этой области буду работать и в дальнейшем, получение «корочки» не стало для меня чем-то переломным, в отличие от моих многих одногруппников. Знания, полученные на 4-5 курсах, казались мне довольно интересными и расширяющими кругозор, но не слишком полезными для работы программистом. Однако есть несколько тем, которые мне помогли и в работе. Про одну из них я и хочу рассказать, и имя ей — методы наведения летательного аппарата.