Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №67 (21 — 27 июля 2013)

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

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

Google Breakfast

На этой неделе в Сан-Франциско прошел бизнес-завтрак, на который компания Google пригласила журналистов еще в конце прошлой недели. На этом мероприятии были анонсированы Android 4.3 Jelly Bean, новый Nexus 7 и Chromecast . Подробнее об Android 4.3, Nexus 7 2013 года и Google Chromecast – миниатюрной ТВ-приставке на Chrome OS за $35

Обучение онлайн

Современные технологии предоставляют все больше возможностей по изучению как этих же технологий, так и других из смежных областей. Например, вот сайты для онлайн-обучения веб-разработчиков и веб-дизайнеров и 10 сайтов для изучения кодинга онлайн . Также, вот бесплатные курсы по Ember.js и Node.js , плюс интерактивный сайт WebGL Academy . Знаний никогда не бывает много, тем более если учесть разговоры о том, что ЕС грозит кадровый коллапс в сфере IT

SEO

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

Ubuntu Edge

Компания Canonical решила собрать 32 миллиона долларов на IndieGoGo, чтобы запустить новый крутой проект – смартфон на базе Ubuntu.

Web Audio API

Предлагаем ознакомиться с некоторыми возможностями одного из самых перспективных современных API — Веб Аудио: с component.fm — набором веб-аудио компонентов, использующих возможности Web Audio API, а также с возможностью записывать аудио в WAV формат прямо в браузере, с помощью getUserMedia и Web Audio

Автоматическое тестирование CSS

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

Comic-Con 2013

В Сан-Диего прошел ежегодный Comic-Con — событие, на котором мечтает побывать каждый гик. И, судя по обзору от theverge , не зря — там и косплей, звезды комиксов и сериалов, лучшие костюмы и многое другое. Ну, и просто фотогалерея

Веб-разработка

• Оптимизация сайта для планшетов
• Основные ошибки при разработке адаптивного дизайна
• Адаптивное меню с поддержкой retina
• Учимся онлайн:
  
  • Сайты для онлайн-обучения веб-разработчиков и веб-дизайнеров
  • 10 сайтов для изучения кодинга онлайн
  • Бесплатный курс обучения по Ember.js от TUTS+ Premium
  • Бесплатный курс обучения по Node.js от codeschool
  • WebGL Academy

• Ускоряем веб-разработку с помощью Grunt
• Как включить Canvas Profiling в Chrome Dev Tools
• Будущее WebRTC, WebRTC and the Ocean of Acronyms
• SEO:
  
  • SEO-мифы
  • SEO-оптимизация мобильных сайтов — в чем её трудности?
  • Почему выгоднее вкладывать в сайт, чем в SEO или контекст?
  • Локализация контента для улучшения SEO
  • Большая подборка инструментов для SEO

• Веб Аудио: component.fm — набор веб-аудио компонентов, использующих возможности Web Audio API, записываем аудио в WAV формат прямо в браузере, с помощью getUserMedia и Web Audio
• Вышел PhoneGap 3.0
• Работа с Shadow DOM
• Воссоздание сплеш-экрана из Doom с помощью canvas
• Как быстро начать работать с Git
• twittstrap — свежий бутстрапный фреймворк и skeljs — a www frontend framework
• Презентация от Tantek Çelik о микроформатах: «MICROFORMATS2 & HTML5. THE NEXT EVOLUTIONARY STEP FOR WEB DATA»
• Презентация: HACKED.io. Hands on FirefoxOS
• Презентация: Debugging Our Graphics Stack
• Терминология в WebRTC
• HTML5 компоненты: имплементация стандартных компонентов
• Создание виджетов следующего поколения с помощью Web Components

CSS

• Мяч на чистом CSS
• Решение проблем c font-face в медиазапросах
• Улучшенный Clearfix с помощью Sass
• 4 инструмента для автоматического тестирования CSS
• Тестирование Sass или CSS с помощью Chrome Developer Tools
• Простая техника для адаптивных изображений с помощью CSS Background Images
• О статусе псевдо-элемента ::selection
• Генераторы и инструменты для создания кнопок на CSS3
• John Allsopp защищает ‘id’ в CSS
• Шпаргалка по CSS3 анимации
• CSS Shapes как будущее веба
• Видео доклада от Lea Verou на тему «The humble border-radius»
• CSS Styleguide от GitHub
• CSS гайдлайн от Harry Roberts
• Настройка подзаголовков с помощью CSS
• Пример создания отражения текста на однотонном фоне
• Слайдер на CSS3 с responsive дизайном
• На мобильных устройствах изображения, вставленные с помощью Data URIs отрисовываются в 6 раз медленее, чем при обычной ссылке на бинарный файл
• Несет ли использование Flexbox проблемы с производительностью?

JavaScripts

• Конверторы шрифтов на javascript: svg2ttf, ttf2woff, ttf2eot
• Самые простые фракталы на JavaScript
• AngularJS vs. KnockoutJS
• Retina Display Ready with Media Query
• slimmenu — легкий плагин на jQuery для создания многоуровнего выпадающего меню с адаптивностью
• imagefill.js — плагин на jQuery для центрирования изображений везде где можно
• Дата для людей
• The Definitive Guide to Object-Oriented JavaScript (видео)
• Разбираемся с основами Backbone.js
• VerbalExpressions — упрощение работы с регулярными выражениями
• Библиотеки для визуализации, от SIGMAJS до CHARTJS

Браузеры

• IE11 preview для Windows 7, обновления для modern.ie
• NSS Labs признала IE10 самым безопасным браузером
• Как снизить потребление памяти браузером Google Chrome
• Chromium Digest №7
• Клевые возможности Google Chrome, которые вы скорее всего не используете
• Разработчики Chrome планируют выпустить мобильное приложение для удаленного подключения к ПК с Chrome
• Новая Opera Next 16
• Основы веб-инспектора в Safari
• Альфа-прозрачность в видео под Chrome

Новости

• Новости из Яндекса:
  
  • Печальная новость об Илье Сегаловиче. Небольшая подборка материалов о нем: Икона эпохи, выпуск Рунетологии с Ильей, интервью на снобе, и статья Яндекс, который построил Сегалович
  • Обзор презентации бета-версии Яндекс.Островов, Чему Острова научили Яндекс, Яндекс: Острова на ранжирование не повлияют
  • Яндекс запускает «Мои новости»

• Новости от Google:
  
  • Анонс Android 4.3 Jelly Bean, нового Nexus 7 и Chromecast
  • Android 4.3 представлен официально
  • Nexus 7 2013 года: Android 4.3, экран 1920х1200 и 8 миллиметров толщины, Новый Google Nexus 7 на Android 4.3 , сравнение со старым
  • Google Chromecast – миниатюрная ТВ-приставка на Chrome OS за $35, Chromecast — темная лошадка
  • Google принадлежит 25% интернет-трафика в США
  • Google Play Games — ответ интернет-гиганта на Apple Game Center, Обзор Google Play Games
  • Google + занимает самое последнее место среди социальных сетей
  • В августе в Google Play появится возможность приобретать и брать в аренду учебники

• Немного новостей от Apple:
  
  • Apple празднует 1 миллиард подписок на подкасты
  • Apple iOS обзавелась почтовым клиентом Outlook Web App
  • Потребители продолжают массово покупать старые iPhone, в то время как Apple тестирует iPhone и iPad с большими дисплеями

• Canonical планирует собрать $32 млн для производства смартфона Ubuntu Edge
• Firefox OS станет самой обновляемой мобильной ОС
• Nokia не довольна развитием платформы Windows Phone
• Samsung проведет осенью первую конференцию разработчиков
• Контроллер Leap Motion вышел точно в срок

Сервисы

• Color Tools — инструмент для точного определения цвета, аналогичный пипетке из фотошопа, но с более широкими возможностями
• onmobile.iwanttouse.com — узнайте, какой процент мобильных браузеров поддерживает выбранную вами веб-технологию
• giphy — поиск по анимированным Gif
• Апгрейд карт с помощью WebGl. Теперь с красивой водичкой
• Сервис тонкой настройки шаринга Youtube-video
• 3D-симулятор позволяет сбросить ядерную бомбу на любой город
• Яндекс.Перевод против Google Translate
• Google придумал как официально спамить вас через Gmail, а мы — как это отключить
• Помощник в выборе лицензии

Демо

• Детализированная луна на WebGL
• Plink — интерактивный много-пользовательский онлайн синтезатор-трек
• Несколько демо, созданных с помощью D3.js

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

• lrxd.com — сайт с целым набором нестандартных решений
• muziekpark.nl — одностраничный сайт с забавной графикой
• negativespacealphabet.com — алфавитный сайт с параллакс-эффектом
• thecongress-movie.com — сайт-фильм
• lucasnikitczuk.com.ar — портфолио, нестандартная геометрия и навигация (поддержка клавиатуры)
• nytimes.com/newsgraphics/2013/07/21/silk-road/ — новостная страница — гид, нового поколения
• blackramwhisky.com — промо-сайт с параллакс-эффектами, анимацией, нестандартными слайдерами, горизонтальной тач прокруткой и плавной загрузкой данных
• panpacificdefense.com — атмосферный сайт посвященный одноименному фильму, с фоновым видео, саунд-треком, прокруткой-драгом и нестандартной навигацией
• flandriatype.com — сайт шрифта flandria с креативным подходом к использованию параллакса

Дизайн

• Работа с цветом: полезные инструменты, книги, статьи для веб-дизайнеров
• Компьютерные интерфейсы в кино
• Тач-интерфейсы: Microsoft идёт в неверном направлении
• Создаем flat-иконки в Adobe Illustrator
• 10 правил выбора идеального шрифта
• Креативный и инновационный дизайн навигации
• Подборка туториалов из серии «Вот, как мы это сделали»
• Fira Sans — новый шрифт для Firefox OS от Mozilla
• Трейлер к фестивалю компьютерных анимаций SIGGRAPH 2013
• Пародии на известные логотипы
• Презентация: User Experience for Mobile (for Cambridge Mobile App Group)
• The Pixel Painter — короткометражный фильм о 97-летнем художнике рисующем в Microsoft Paint
• Проект посвященный обучению практической типографики
• Это ли будущее сайтов авиа-компаний? от Fantasy Interactive
• Вдохновляющие примеры 404-х страниц
• Концепты редизайнов популярных сайтов
• Сайты, в дизайне которых активно используются оригинальные иконки

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

• Два с половиной десятка наборов кистей для фотошопа
• Иконки, фоны, шаблоны, исходники UI
• 70 Excellent Background Textures for Designers
• Вайрфреймы для iOS7: iOS 7 Wireframe Kit
• Иконки: две сотни векторных иконок с бытовой тематикой, наборы иконок, преимущественно с плоским дизайном, упаковки с плоскими иконками
• Шрифты: иконочный шрифт от mfglabs, в стиле гранж, от Soul Mission до FFF Tusj, свежие, преимущественно заголовочные шрифты: от Speakeasy до Fénix, современные закругленные шрифты, от AbeatbyKai до Future Sallow

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

• Главные моменты Comic-Con 2013: эльдорадо для гиков
• 5 отличий электромобиля Tesla Model S от всех других автомобилей
• История роботов-игрушек: от автоматов со святой водой до роботов, созданных НАСА
• Первое порно, снятое на Google Glass
• Почему Android сильно замедлил свой рост
• Ждать ли бума 3D-принтеров в следующем году
• Обстоятельное интервью Ричарда Столлмана о слежке и свободе
• 11 советов о стиле жизни от Павла Дурова
• Как попасть в игровую индустрию?
• СМИ назвали «истинную» причину закрытия Google Reader
• Большая коллекция ретро-игр

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