Дайджест интересных новостей и материалов из мира айти за последнюю неделю №5 (5 — 11 мая 2012)

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Горячая семерка

Новый «Creative Suite» от Adobe поступил в продажу!

Adobe с самого начала года кормила всех вкусными роликами, демонстрирующими нововведения в своих популярных инструментах, среди которых в первую очередь такие, как Photoshop, Illustrator, Premier и After Effects. По мнению аналитиков, на этот раз новая версия Photoshop получила действительно весомый набор усовершенствований. И вот, 7-го мая самые ожидаемые программы для дизайнеров выпущены в очередном «творческом» пакете — CS6!

В Google+ разрешили создавать прямые видео-трансляции для всех пользователей

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

Отчеты с UA Web Challenge 2012 и конференции Front Trends 2012

Совсем недавно в мире веб-разработки прошли два события: конференция Польше, которую посетили такие веб-деятели, как Alex Russel, Chris Coyier, Lea Verou и многие другие, а также киевский финал чемпионата среди веб-разработчиков UA Web Challenge.

Домены СНГ: жизнь соседей по Союзу

Окунитесь в историю доменных зон СНГ, узнайте о том, как они работают, с какими трудностями сталкиваются, об используемых технологиях, перспективах развития и о многом другом.

Make your HTML5 Video Play on Mobile Devices

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

HTML5 Audio — Текущее состояние аудио тега в html5 и его поддержка современными браузерами.

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

The Web platform: Browser technologies

Срочно в закладки: все современные браузерные технологии с необходимыми ссылками теперь собраны на одной гайд-странице.

Сервисы

• fontello — сервис, позволяющий создать собственный веб-шрифт, состоящий из векторных иконок.
• css2less — сервис для быстрой конвертации css-стилей в less-код.
• The Web platform: полный список актуальных браузерных технологий со ссылками на официальную документацию.
• Особенности обновленных Google Docs (450 новых шрифтов и несколько десятков шаблонов, ...) и пункт соглашения говорящий о том что при загрузке файлов на Google Drive компания Google получает полные права на них

Разработка

• HTML5 Audio — Текущее состояние аудио тега в html5 и его поддержка современными браузерами.
• ffffallback.com — сниппет для проверки отказоустойчивости веб-шрифтов на вашем сайте
• Responsive HTML5/CSS3 template — отличный статический фреймворк для создания сайтов с адаптивным дизайном
• Responsive Grid System — еще один фреймворк для сайтов с адаптивным дизайном, но на этот раз с поддержкой сетки.
• Best of Tuts+ in April 2012 — подборка лучших статей и туториалов месяца из сети сайтов Tuts+
• Заставляем HTML5 Video проигрываться на мобильных устройствах.
• Как повысить скорость загрузки @fontface.
• Введение в технологию RESS (Responsive Design + Server Side Components)

CSS

• Руководство по оформлению HTML/CSS кода от Google (русский перевод).
• Предложения для mediaqueries в будущем стандарте CSS4
• Как сделать слайд-шоу, запускающееся при наведении на элемент на чистом CSS3
• Разбор работы CSS-градиентов за 1 час. В конце статьи в качестве бонуса забавное художество автора нарисованное с помощью градиентов!
• Как задизайнить breadcrumbs на CSS3 и без всяких картинок
• Нарисованный и анимированный с помощью CSS3 спрайт. Пример показывающий мощь и, в некоторых случаях, непрактичность использования веб-технологий

JavaScripts

• jQuery NailThumb — автоматически настраиваем и создаем превью-картинки к вашим изображениям.
• jQuery Vector Maps — генерируем интерактивную векторную карту мира
• Presenteer.js — библиотека для создания современной html5-презентации, которая несмотря на свою простоту обладает большим количеством настроек.
• jQuery Canimate Plugin — создаем простую спрайтовую анимацию с помощью jQuery.
• Physijs — js-библиотека для построения физических объектов и сцен.
• Подборка плагинов для автоматического сжатия кода
• Ascensor это jQuery-плагин для создания нестандартной навигации в одностраничных сайтах, подходящий для использования в портфолио и промо-сайтах
• Fixie.js — заполнитель информационной «рыбой» пустых тэгов HTML
• jQuery Countdown — бета-версия таймера, использующего спрайтовую анимацию и потому подходящего для реализации нестандартных анимационных-эффектов
• Как написать jQuery-плагин правильно или 14 причин почему ваш плагин не пользуется популярностью
• Краткое введение в понятие прототипов JavaScript
• Ajax Side Panel — создание выезжающих панелей с динамическим контентом загружаемым аяксом

Новости

• Asymco: у Apple и Samsung оказалось 99% прибыли мобильного рынка
• Google SEO Guide 2012: обзор нововведений, которые затронули алгорим поисковика, а также их последствий.
• Windows Mobile Marketplace закрывается
• Замаячил потенциальный конкурент поисковым гигантам: EBay и Wal-Mart разрабатывают новый поисковый движок
• Средняя скорость интернет-доступа в мире снизилась до 2,3 Мбит/с.
• Отчет о UA Web Challenge 2012
• Отчет с конференции Front Trends 2012
• Twitter представила новый интерфейс мобильной версии сервиса
• Пользователи Google Play смогут поделиться плейлистом через Google+ с помощью кнопки 'Shared with me' (пока доступно только в США)
• Windows 8 не будет проигрывать DVD-видео из-за непопулярности дисков — вполне логичное решение. Теперь пользователям осталось только разобраться что делать с залежами некогда популярных видео-дисков

Браузеры

• Журналист Engadget взял интервью у CIO Mozilla Foundation
• Еще раз о версиях Mozilla Firefox и их обновлениях. На этот раз в виде графических постеров.
• Google обещает серьезное повышение производительности JavaScript в следующей версии Chrome.
• В Mozilla обеспокоены — в Windows RT не будет возможности выбрать браузер

Сайты с интересным дизайном и функциональностью

• weareimpero.com — сайт с необычными переходами между страницами.
• meomi.com — сайт с интересным оформлением
• pitch.csspiffle.com — одностраничный сайт с приятным параллакс-эффектом
• orangesprocket.com — сайт с динамическими элементами и креативным подходом к навигации
• victoriabeckham.landrover.com — промо-сайт лендровера с трендовыми эффектами
• clairetnet.com — просто красивый сайт на флеше
• ok-studios.de — еще один качественный сайт с параллаксом
• kaleidoscope.ro — сайт с анимированным построением собственного шаблона
• launchfactory.org — тематический сайт с интересной графикой и динамическими элементами
• milkable.me — забавный молочный сайт.
• jagex.com — нестандартный подход к стандартным элементам сайта.
• Интересные сайты отечественных исполнителей и музыкальных групп .
• redpepperland.com — интересный ротатор на главной странице и отзывчивая слайд-навигация с очень уместно размещенными прелоадерами в элементах управления на внутренних страницах.
• hardudetideg.no/test/en.html — тест для учителей на знание различных предметов. Использование canvas и оригинального подхода подсчета очков открывает новые горизонты для создателей интерактивных задач!
• ala.ch — немного пестроватый сайт, в котором активно использовали возможности привязки прокрутки окна браузера при создании разнообразных анимационных эффектов.
• community.saucony.com/kinvara3/ — похоже после удачного запуска от Nike в остальных компаниях поняли, что кроссовки с сайтом напичканным параллакс-эффектами продаются гораздо лучше!
• globaltv.com/bombgirls/index.html — кинематографисты решили обратить внимание на тренды сайто-строения и сделали довольно неплохой гид рекламируя свой продукт! Вот как нужно делать сайты для популярных шоу!
• vesmirnyprogram.sk — похоже идеально подходят сайтам с аэро-космической тематикой использующим вертикальную прокрутку для синхронизации анимационных эффектов, своим дизайном и функциональностью демонстрирующим принцип работы рекламируемого продукта.

Дизайн

• Arrrows — шрифт с большим набором векторных указателей для вашего сайта.
• Призыв к созданию более дружественных форм регистрации
• Полсотни технологичных логотипов
• Краткое руководство о том, как подготовить PSD-файл для передачи его в производство
• Пять десятков уроков по созданию мега-креативных дизайнов заголовков с помощью Photoshop
• Коллекция различных вариантов реализации главного меню сайта
• Бодрящие постеры Red Bull
• Отличные примеры использования фоновых текстур в веб-дизайне
• «Оранжевое солнце, оранжевое небо, оранжевый песок», оранжевые сайты, оранжевые буквы — оранжевый дизайн!
• Англо-язычный мини-словарик с типографическими терминами
• Визитки которые точно прошли бы контроль качества Green Peace и дизайн которых пропагандирует поддержку экологии!
• Дизайн бизнес-карточек с «пролетарским» окрасом

Подборка бесплатных дизайнерских печенек

• Своими симпатичными иконками социальных сервисов решил поделиться Prekesh Chavda
• Аптечка с пятеркой упаковок из медицинских иконок
• climacons — пиктографические иконки тематически относящиеся к описанию погодных условий
• Семерка гранж-текстур больших размеров в формте JPG
• Весенне-летние воздушные и легкие шрифты отобранные Jacob Gube
• Обесцвеченные пятна акварельных красок собранные в небольшом zip-архиве
• Текстуры заляпанной бумаги
• Четыре дюжины употребимых в веб-дизайне шрифтов из Google Fonts

Демо

• Создаем экспериментальный шаблон сайта, эмулирующий журнальную раскладку.
• Ностальгируете по самой первой версии GTA? Вот вам версия игры на WebGL

Занимательное

• Домены СНГ: жизнь соседей по Союзу.
• Подсчитаны 5,000 наиболее часто используемых слов, суффиксов и префиксов в доменных именах.
• Инфографика: HTML5 and Game Development.
• Невероятно, но факт — Facebook дороже двух Сербий.
• Как работает беспилотный автомобиль «Гугла».
• Робот трансформер из Японии. Пока, правда, миниатюрный.
• Sketch e58 – 100 секунд про Email.
• Песочница с дополненной реальностью из Калифорнийского университета.
• Как Google уничтожил Inktomi: история успеха интернет-гиганта.
• Продуктовый бренд Glorious запустил интерактивную карту мира для гурманов
• Мобильные компании решили попробовать себя в создании приложений — испанская Telefonica представляет To Me — конкурент Skype для iPhone
• Disney удивляет своей разработкой, меняющей представление о сенсорных технологиях — теперь по особенности обхвата ручки двери можно будет узнать много полезной информации!

Развлечения

• Шутка, которую особенно оценят веб-разработчики — HTML9 Responsive Boilerstrap JS
• Даже Дуров не смог найти пиратское аудио в Вконтакте
• Jon Stewart из The Daily Show рассказывает о Google Glasses и Instagram

Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin

Автор: alexzfort