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

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

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

Apple WWDC 2013

Дождались новых анонсов от Apple. WWDC 2013 по-русски и за 6 минут, iOS 7, OS X 10.9, iWork для iCloud, iTunes Radio, Macbook Air на базе Haswell, Mac Pro, iWork for iCloud для конкуренции с Google Docs, немного о Mac OS X 10.9 Mavericks

iOS7

Отдельно стоит поговорить о новой iOS7: Обзор iOS 7 для iPhone, еще один, а также Большой видеообзор iOS 7 beta 1, Интернет шутит по поводу дизайна новой iOS 7, Яндекс появится в iOS7. И еще немного о дизайне: В защиту дизайна iOS 7 и Стёб на тему нового дизайн iOS7

Новое поколение консолей

На прошедшей выставке E3 Microsoft и Sony наконец показали свои железки. Более подробно о них: о PlayStation 4, Анализ характеристик Xbox One, 4 главные находки Xbox One, Вот тут можно покрутить и рассмотреть PlayStation 4, Microsoft рассказала об интернет-особенностях Xbox One, политике в отношении б/у-игр, и о конфиденциальности Kinect, Вот все анонсированные игры для Xbox One и PlayStation 4. И напоследок, Четыре игровые платформы будущего в цифрах

Проект PRISM

Планета под колпаком: Бывший программист ЦРУ слил информацию о тотальной интернет-слежке. Здесь пишут, как АНБ мониторит Google, Facebook, Microsoft и других, Mozilla и Reddit запускают кампанию против слежки за интернет-пользователями, заинтересовавшись этим вопросом, Евросоюз требует от США разъяснить механизм слежки за интернет-пользователями.

CSS3 анимация

Оживите свой сайт вкраплениями современной CSS3 анимации. В качестве вдохновления можно воспользоваться примерами отсюда для блоков, отсюда для кнопок, а отсюда для списка товаров.

Request Quest

Знаете ли вы о специфике работы браузеров в контексте FE разработки? Пройдите этот несложный забавный тест, и, возможно, вы почерпнете что-нибудь новое для себя

5 технологий, за которыми будущее

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

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

• Разработанная W3C спецификация «CSS Flexible Box Layout» получила награду «Best New Web Technology 2013 NetAward»
• Request Quest — тест для FE разработчиков на знание специфики браузеров
• 5 правил верстки email-писем от Печкина
• Генератор ASCII-артов на HTML5
• Пополняемая видео-галерея докладов о веб-дизайне
• Виджет для «When Can I Use»
• Частые ошибки на сайтах для смартфонов — пояснения от Google
• Элементы наведения с нестандартной форомой (PNG с прозрачностью + canvas)
• О том, как создавался Google Chrome experiment — Racer и его звуковая дорожка и управление звуками
• Fries — UI как в Android, с помощью HTML/CSS/JS
• Front-End Ops — о позициях в командах разработки приложения
• How to Design Responsively
• Secrets of the Browser Developer Tools — 42 секрета панелей для веб-разработчиков
• Adaptive ≠ Responsive
• The mobile-first Web — о реалиях веба работающего в мобильной среде
• Изображение дерева принятия решений сервером, по поводу статуса ошибки (404, 503, …)
• Tracing paint operations in Chrome Canary — трассировка операций по отрисовке веб-страницы в Canary
• Как сделать Web Audio Stylophone
• picni.cc — простые кастомные билды
• Угнать за 60 кадров в секунду: на примере производительности отрисовки страницы Pinterest
• Улучшение производительности с requestAnimationFrame от разработчиков Opera , а также еще об Использовании requestAnimationFrame

CSS

• Магия CSS3 анимации
• Creative Button Styles
• Pizza Time Hovers
• Cikonss 1.0 — адаптивные иконки на чистом CSS, IE friendly
• IE 10 Specific Styles
• CSS Box-Sizing для нубов
• Использование CSS attr и content для создания всплывающих подсказок (tooltip)
• Как конвертировать CSS в Sass & SCSS
• CSS stacking with display:table — еще одна техника для адаптивного диайзна
• AUTICONS — набор из иконочного шрифта и CSS задающего ссылкам на различное содержание, различные иконки
• Как писать отдельные стили для IE 10
• Оригинальный эффект наведения на изображения продукта интернет-магазина
• Понимание 3D Transforms от разработчиков Opera
• 7 CSS сниппетов, позаимстовованных из HTML5 Boilerplate

JavaScripts

• Еще один загрузчик скриптов для JavaScript
• Немного Coffee
• jsbooks — лучшие бесплатные книги и ресурсы по JavaScript
• Codeblock.js — редактируемые выполняемые блоки кода на JS
• Hitch — a small JavaScript prollyfill engine which provides an extension model for CSS and HTML.
• swiper — мобильный тач-слайдер & фреймворк
• The JavaScript Behind Touch-Friendly Sliders
• Hopscotch — создание обучающих туров на сайте
• GitHub Notifier — расширения для браузеров отображающие счетчик непрочитанных сообщений с GitHub-а
• AngularJS-Learning — все необходимые полезные материалы по изучению AngularJS
• AngularJS 1.2 и следующие версии (видео)
• Пожелания о новых фичах в AngularJS 2.0
• Angular Reader — RSS читалка на AngularJS
• Изменяемая векторная графика (SVG) с помощью AngularJS
• easystar.js — asynchronous A* pathfinding API для HTML5 игр

Браузеры

• Новинки Safari 7, а также о новом Web Inspector
• Google заявил о прекращении поддержки Chrome Frame
• Chromium Digest №1 — Desktop Capture API, альфа-поддержка новых языков и NFC
• Chrome теперь валидирует json
• Оценка влияния работы web-браузеров на энергопотребление системы

Новости

• Apple WWDC 2013:
  
  • WWDC 2013 по-русски и за 6 минут
  • Анонс Apple: Июнь 2013
  • iOS 7, OS X 10.9, iWork для iCloud, iTunes Radio, Macbook Air на базе Haswell, Mac Pro
  • Apple анонсировала iWork for iCloud для конкуренции с Google Docs
  • Apple представила операционную систему Mac OS X 10.9 Mavericks, OS X Mavericks: чего ждать от следующей версии «десктопной» ОС Apple
  • iOS7: Обзор iOS 7 для iPhone, еще один, а также Большой видеообзор iOS 7 beta 1, Интернет шутит по поводу дизайна новой iOS 7, еще один стёб об особенностях редизайна от Jony Ive, Яндекс появится в iOS7

• Приложения завоевавшие Apple Design Awards в этом году
• Новое поколение консолей:
  
  • Четыре игровые платформы будущего в цифрах
  • Sony наконец-то показала PlayStation 4
  • Анализ характеристик Xbox One — быстрее ли PlayStation 4?
  • 4 главные находки Xbox One
  • Вот тут можно покрутить и рассмотреть PlayStation 4
  • Microsoft рассказала об интернет-особенностях Xbox One, политике в отношении б/у-игр, и о конфиденциальности Kinect
  • Вот все анонсированные игры для Xbox One и PlayStation 4

• Twitter показал пользователям их статистику
• «Машина времени» от Foursquare: все ваши путешествия за все время
• Дуров, верни музыку, на очереди видео
• Intel готовит свой интерфейс для Tizen и Android. AMD заинтересовалась Android и Chrome OS
• Mozilla, EFF и ещё 84 компании и организации объединились против шпионажа АНБ
• Google покупает израильский стартап Waze за $1,3 млрд
• В Facebook появятся хештеги
• Google понизит в выдаче сайты, у которых плохо работает мобильная версия
• Twitter обновил API, при этом поломав тысячи клиентов

Сервисы

• Новый Dropbox позволяет легко и просто шарить скриншоты
• VideoNot.es: текстовые заметки для Coursera, Udacity, Khan Academy и YouTube
• dpilove — мини-сервис от Lea Verou для вычисления плотности пикселей вашего экрана и небольшая история его создания

Демо

• Динамическое размытие текста при прокрутке страницы
• Cube Slam — игра на базе WebRTC
• Демонстрация возможностей WebRTC, WebGL и Go от Google

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

• riotindustries.com — эффектные CSS3 2D и 3D эффекты, вместе с нестандартной навигацией
• apple.com/mac-pro — промо-страница от Apple, а также Разбор того, как работает этот сайт
• orangehive.de — сайт с нестандартной навигацией и канвас-анимацией
• mahedineyahia.fr — параллакс-эффект для достижения псевдо видео-эффекта
• adamrudzki.com — сайт-портфолио с полноэкранными слайдами, клавиатурной навигацией и кучей анимации
• dieselblackgold.com — сайт с занимательной реализацией главного меню
• masswerk.at/404 — Space Inviders на 404-й странице

Дизайн

• Новый дизайн iOS:
  
  • Слайды в iOS 7
  • В защиту дизайна iOS 7
  • Flat design: почему дизайн стал плоским?, падающая плоскость , новый дизайн не полностью плоский
  • Стёб на тему нового дизайн iOS7, реакция в соц. сетях
  • iOS7 — переход к плоскому дизайну
  • Почему новый дизайн от Apple — это только начало, а не результат
  • Многое объясняет факт привлечения маркетингового отдела к проектированию нового интерфейса системы
  • Полный гайдлайн интерфейса «iOS Human Interface Guidelines»

• Designed by Apple
• Фирменный шрифт Яндекса
• Общие заблуждения об адаптивном дизайне
• Современные приёмы и методики в типографике (редакция 2013 года)
• The Principles of Typography: Back to Basics
• Вдохновляющая типографика в дизайне упаковки
• Основные принципы flat-дизайна
• Плоские дизайн и шрифты
• Сайты с нестандартной геометрией
• Десять лучших уроков по фотошоп, вышедших в мае 2013
• Интерактивный урок по улучшению типографики
• Microframe Template — PSD шаблоны для создания макетов сайтов и приложений
• Свежие и местами забавные логотипы

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

• iOS 7 GUI PSD
• Вектор: два десятка наборов для инфографики
• Фоны: паттерны для фотошопа
• Иконки: небольшой набор с плоскими иконками, большая коллекция плоских иконок
• Шрифты: два с половиной десятка заголовочных шрифтов, Attentica 4F — акцидентний шрифт, Tenso Regular — шрифт без засечек, новые бесплатные кириллические шрифты
• Фрактальные кисти

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

• Проект PRISM: Планета под колпаком
  
  • как АНБ мониторит Google, Facebook, Microsoft и других
  • Бывший программист ЦРУ слил информацию о тотальной интернет-слежке (проект PRISM)
  • Mozilla и Reddit запустили кампанию против слежки за интернет-пользователями, заинтересовавшись этим вопросом, а Евросоюз потребовал от США разъяснить механизм слежки за интернет-пользователями
  • забавная страница для тех, кто устал запоминать пароли от своих аккаунтов (PRISM Internet Backup Service)
  • кроме того The Financial Times оценила стоимость досье на интернет-пользователя — получилась копеечная цена
  • Небольшая презентация «Dear NSA, let me take care of your slides»
  • Спецпроект по троллингу системы NSA

• Энтузиасты полностью разобрали Google Glass
• О том, что скоро станет реальным: 5 технологий, за которыми будущее
• 10 вещей, которых нам не хватает в интернете
• Испорченный рай: 5 недостатков Кремниевой долины
• Чему я научился за 8 месяцев в Microsoft
• Миф об эффективности мозговых штурмов
• Подробности о будущем поиска: Проникновение в суть вещей
• Дэвид Карп: Почему я продал Tumblr за $1.1 млрд
• В Google Earth и Google Maps появятся более детальные изображения океанического дна
• Обновление с Windows 1 до Windows 8
• Baidu Eye: китайский ответ Google Glass
• Как быстро сделать из таракана киборга
• 7 наручных часов — потенциальных конкурентов iWatch
• Как NASA использует WordPress для продвижения open source технологий
• Corning Gorilla Glass сделает автомобили тихими внутри и экономными

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