Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №71 (18 — 24 августа 2013)

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

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

• Адаптивные email’ы
• Часто задаваемые вопросы об атрибуте rel=«author»
• srcset: Руководство по WebKit-атрибуту srcset в тэге img, и почему имплементация srcset — это хорошо
• Элемент output
• Bootstrap 3.0 — новый дизайн, mobile first и отказ от поддержки IE7 и Firefox 3.6 , обсуждаем на Хабре
• Векторное изображение с растровым фолбэком для старых браузеров (SVG и тэг image), дополнительные варианты SVG с фолбэком
• Видео от Ilya Grigorik об оптимизации производительности в вебе
• Facebook-посты теперь можно встраивать в страницы всем
• Определение и контроль Touch-событий на страницах сайта
• WebP — техника сжатия изображений от Google
• Сравнение и сопоставление тэгов ins, del и s
• Новые фичи последней версии Firebug 1.12
• Пишем код для Web Audio API, который будет работать в любом браузере (на самом деле нет)
• Создание трехуровневого адаптивного меню
• Как создать настраиваемый WordPress-виджет с отображением погоды
• Clank — HTML/CSS фреймворк для прототипирования нативных приложений для phone/tablet
• Brick — UI компоненты для современных веб-приложений
• pineapple.io — большой хаб с уроками, инструментами и наборами для веб-разработчиков
• Взрывающийся блок на HTML/CSS/JS
• “Mobilizing the Web” — круглый стол веб-разработчиков (видео)

CSS

• Список с русскими буквами
• Жемчужина CSS3 — функция calc()
• Подключение нестандартных шрифтов. Часть первая
• cssexclusive — полезные техники CSS анимации с кодом и примерами
• Tridiv — сервис для создания трехмерных объектов с помощью HTML и CSS 3D , Анимация космического корабля сделанного с помощью Tridiv
• Семантический CSS с интеллектуальными селекторами
• О юнитах rem
• Высококачественная иконка фотоаппарата на чистом CSS3
• Использование псевдо-классов CSS3 и transitions для создания интерактивных ссылок и кнопок
• Проигрыватель пластинок с анимацией на CSS3
• extractCSS — воссоздание классов, айдишников и inline-стилей из html
• Демо, показывающее эффект физического искривления, зависящего от скорости движения полосы прокрутки
• Генерация CSS-гридов на Stylus
• Еще одна техника для прибития футера к низу экрана — c помощью z-index и fixed

JavaScripts

• ng-boilerplate — boilerplate для AngularJS
• Speech Router — используем API Chrome для распознавания речи для создания роутеров
• Модуль к Node.js для определения размеров изображения
• botdylan — автоматизация работы с процессами на GitHub с помощью JavaScript
• ungit — UI для работы с git на любой платформе
• offreg — jQuery плагин для добавления стереоскопического эффекта
• NProgress.js — прогресс-бар как на YouTube и Medium
• FlowType.JS — Правильная адаптивная типографика с FlowType.JS
• texteffects — забавная анимация текста на jQuery
• Google Cloud Storage — начинаем работать с примером приложения на JavaScript
• NoFlo — Visual Control Flows for JavaScript
• Анимированый heatmap с временной шкалой по данным Google Analytics
• Об использовании jQuery в уроках

Браузеры

• Опубликован рейтинг самых ненадежных браузеров
• Результаты тестирования стабильности web-браузеров
• Релиз web-браузера Chrome 29
• Firefox в стиле Modern для Windows 8 выйдет 10 декабря
• Sauce Labs: IE с годами работал все хуже и хуже, но сейчас ситуация изменилась
• Поддержка медиа-форматов в Firefox-е

Новости

• Стив Баллмер покидает пост CEO Microsoft, Акционеры позитивно восприняли заявление Баллмера, Глава Microsoft уходит в отставку. Оптимистичный вариант статьи
• Yahoo обогнал Google по генерируемому человекотраффику в США и закрыл свой почтовый сервис в Китае
• Цукерберг и партнеры запускают Internet.org, чтобы дать людям дешевый интернет
• Google упал на две минуты — объем мирового трафика сократился на 40%
• Веб-сервисы:
  
  • Началась интеграция сервисов Google Maps и Waze
  • Аудитория Vine утроилась за два месяца
  • На Google Street View появились крупнейшие зоопарки мира, сама страничка
  • Google запускает видеовстречи с экспертами
  • На сайте YouTube теперь можно отключить всю рекламу

• Смартфоны:
  
  • Nokia Lumia 520 стал самым популярным Windows Phone смартфоном
  • Intel готовится к запуску новых платформ для планшетов и смартфонов в 2014 году
  • Кампания по сбору средств на Ubuntu Edge завершилась
  • LG анонсировала первый в мире ЖК-дисплей с разрешением 2560 x 1440 для смартфонов
  • Новый iPhone будет золотого цвета

Веб-инструменты

• Pingendo — приложение для прототипирования адаптивных страниц с использованием Twitter Bootstrap
• Random User Generator — сервис позволяющий сгенерировать данные случайного выдуманного пользователя (включая фото)
• html2pdf.it — отличный конвертор html в PDF

Демо

• Впечатляющие примеры WebGL
• Визуализация классической музыки
• babbit — Eat carrots and beat the farmer!

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

• Креативные html5 сайты
• Спецпроект New York Times: THE BLOOMBERG YEARS: RESHAPING NEW YORK скролл-эффекты, фоновое видео и лаконичный дизайн
• Классные сайты, использующие видео в качестве фона либо одного из ключевых компонентов дизайна
• niquewoodhouse.com/folio/ — Лаконичное портфолио с изящно реализованной навигацией
• www.pixelis.fr/en — эффектные слайды с горизонтальной прокруткой
• dziwoki.me — технологически продвинутая презентация (html5 canvas и прочее) с забавным подходом к скролл-анимации
• madebyjoyce.com — приятный одностраничный сайт с современными анимационными эффектами
• abbyputinski.com — интерактивный сайт-карта

Дизайн

• Bing проводит конкурс среди пользователей на лучшую фотографию города
• Понимание букв
• Тексты, которые загубят самый красивый дизайн
• Подборка книг в подарок веб-дизайнеру
• Хватит изобретать скроллбар
• The iOS Design Cheat Sheet (iOS7)
• aboard.io — лента со свежей графикой, агрегируемой из разлчных RSS-фидов
• typehunting.com — коллекция фото с типографикой
• 123rf.com — библиотека фото с лицензией ROYALTY FREE
• Как использовать фотографии в веб-дизайне
• 35 Latest Photoshop Text Effect Tutorials
• Как придать винтажный либо ретро-стиль вашему веб-сайту
• Лого: Остроумные логотипы посвященные коробкам, логотипы юридических фирм, с изображением пианино

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

• Текстуры: цветная бумага
• Вектор: два десятка исходников нашивок
• Исходники: Modern Touch UI Kit
• Иконки: упаковка иконок на тематику: портфолио, футбол, статистика и музыка, наборы с иконками социальных сетей, иконки платежных систем, с длинными тенями, свежая дюжина наборов иконок с длинными тенями либо плоским дизайном
• Шрифты: Map Icons — иконочный шрифт со значками для Google Maps, Braxton — декоративный курсивный шрифт

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

• Ко дню рождения Мастдайки
• 5-минутное падение сервисов Google снизило мировой трафик на 40%
• Хакер рассказал об уязвимости Facebook на странице Цукерберга
• Как частота запроса влияет на выдачу Google
• С целью остановить истории об Эдварде Сноудене правительство Великобритании уничтожило HDD в офисе The Guardian
• Дохлый номер Google: почему «20% на проекты» больше не помогают компании
• Google и арабская весна: как высокотехнологичные компании изменили ход революции
• Дай человеку рыбу, и он будет сыт целый день. Предложи ему учиться программированию, и он…
• Фейсбук зажал $500 палестинскому хакеру за эксплойт, который позволял запостить что угодно на стену кому угодно
• Как это было: падение BlackBerry
• Люди меняют свое поведение в сети из-за слежки АНБ
• Новая реклама Microsoft: Windows 8 подходит для учебы лучше, чем iPad
• synthcats.com — фото котов и синтезаторов
• Steve Jobs’ Funniest Video Moments
• Сердитый кот дал эксклюзивное интервью австралийскому телеканалу
• NASA обсуждает концепцию варп-двигателя и готовится к созданию пузыря Алькубьерре в лаборатории

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