Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Adobe с самого начала года кормила всех вкусными роликами, демонстрирующими нововведения в своих популярных инструментах, среди которых в первую очередь такие, как Photoshop, Illustrator, Premier и After Effects. По мнению аналитиков, на этот раз новая версия Photoshop получила действительно весомый набор усовершенствований. И вот, 7-го мая самые ожидаемые программы для дизайнеров выпущены в очередном «творческом» пакете — CS6!
«Внимание, вы в прямом эфире!» — теперь эту фразу может произнести любой пользователь Google+ человеку, сидящему перед подключенной веб-камерой. Новую возможность создать собственную видео-трансляцию для широкой аудитории дополняет функциональность, позволяющая отслеживать в режиме реального времени количество зрителей, а так же записывать проводимую трансляцию для дальнейшего сохранения и экспорта видео в YouTube
Совсем недавно в мире веб-разработки прошли два события: конференция Польше, которую посетили такие веб-деятели, как Alex Russel, Chris Coyier, Lea Verou и многие другие, а также киевский финал чемпионата среди веб-разработчиков UA Web Challenge.
Окунитесь в историю доменных зон СНГ, узнайте о том, как они работают, с какими трудностями сталкиваются, об используемых технологиях, перспективах развития и о многом другом.
С ростом количества мобильных устройств, поддерживающих HTML5, возникает задача воспроизведения на них видео. Решая эту задачу, не стоит забывать о многочисленных нюансах, среди которых, к примеру, разная поддержка видео-форматов различными устройствами.
Подключение аудио на веб-странице может показаться нетривиальной задачей, если речь идет о полной кросс-браузерности. На смену flash-плееру с набором звуковых файлов пришли нативные проигрыватели с еще большим набором аудио-файлов в различных форматах.
Срочно в закладки: все современные браузерные технологии с необходимыми ссылками теперь собраны на одной гайд-странице.
Ссылка на дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
Новый «Creative Suite» от Adobe поступил в продажу! |
 |
В Google+ разрешили создавать прямые видео-трансляции для всех пользователей |
 |
Отчеты с UA Web Challenge 2012 и конференции Front Trends 2012 |
 |
Домены СНГ: жизнь соседей по Союзу |
 |
Make your HTML5 Video Play on Mobile Devices |
 |
HTML5 Audio — Текущее состояние аудио тега в html5 и его поддержка современными браузерами. |
 |
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
