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

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

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

Windows 8.1 Preview

На этой неделе прошла конференция Build 2013 от Microsoft. По ее итогам встречаем Windows 8.1 Preview и смотрим, , что в ней нового, а также видеообзор. Новой винде — новый IE. Свежий IE11 научился работать с WebGL, SPDY/3 и получил новые средства для разработчиков

Firefox 22

Встречаем новый релиз Firefox 22, который отличается двумя интересными нововведениями — поддержкой Asm.js и включением технологии WebRTC по-умолчанию. Кстати, о WebRTC

Жизнь RSS после Google Reader

Уже через несколько дней Google Reader прекратит свое существование. Свою помощь искателям альтернативы предлагают такие монстры, как AOL и Digg. Внезапно ставший популярным Feedly подводит итоги за последние 100 дней . А в этой подборке можно посмотреть на довольно большой выбор сервисов для чтения RSS.

Веб-шрифты

Предлагаем вашему вниманию отличную статью, где автор ответил на большую часть вопросов о веб-шрифтах, которые могли бы у вас возникнуть. Если же у вас с теорией все хорошо, то перейдем к практике и познакомимся с Онлайн-сервисом для создания собственного иконочного шрифта и Font Custom — генератором кастомных иконочных шрифтов через командную строку

CSS3

Ближайшее будущее CSS — это не только flexbox. Потенциально мощной штукой может оказаться CSS Shapes Module, обещающий принести революцию в веб дизайн и который позволит формировать контент в прозвольной форме. Также, есть смысл обратить внимание на CSS3 Regions и CSS Background Blend Modes, которые уже доступны в Chrome Canary и WebKit Nightly

Front-end Job Interview Questions

Этот репозиторий с подборкой вопросов, которые могут быть использованы на собеседованиях на должность front-end разработчика, не нов. Однако, никогда не поздно бросить вызов самому себе и попробовать ответить на эти вопросы. Кто знает, возможно именно это поможет вам на следующем собеседовании в компанию вашей мечты?

Photoshop for Web Designers

Наверное, практически все сталкивались с подсетью сайтов TUTS+. Их запустил австралийский стартап Envato, в том числе ставящий своей целью помогать одним людям получать знания в интернете, а другим — зарабатывать на этом. Соответственно, далеко не все их курсы бесплатны, но на этот раз они порадовали бесплатным туториалом «Photoshop for Web Designers», который состоит из серии видео-уроков по Photoshop CS6

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

• Видео докладов Я.Субботника в Санкт-Петербурге 15 июня 2013
• Преимущества разработки средствами BEM+Python+node.js: видео и презентация
• Основные способы вёрстки. Часть первая: таблица, Часть вторая: бестабличная вёрстка
• 20 вопросов про веб-шрифты
• Онлайн-сервис для создания собственного иконочного шрифта
• Font Custom: генерация кастомных иконочных шрифтов через командную строку
• Как использовать Fullscreen API
• dimensionsapp — бесплатный инструмент для тестирования и отладки адаптивного дизайна
• Проблемы мобильного веба и как их избегать
• Набор закладок по веб-разработке
• PNG против SVG в спрайтах
• Создание адаптивной панели поиска
• Подробно об элементе main
• iOS 7 beta и новый Safari для веб-разработчиков
• Front-end Job Interview Questions
• Создание змейки на HTML5 Canvas и KineticJS
• Creating a Swipeable Side Menu for the Web
• Презентация: «Page Load Performance» от James Simonsen
• Презентация: «jQuery UI Widgets vs HTML5»
• Десять необходимых для разработчиков расширений Chrome
• Схема, помогающая определиться с использованием Twitter Bootstrap (инфографика)
• Фишинг с помощью dataURI
• Работа с Local Storage в MV* фреймворках

CSS

• Создаем анимированную в 3D боковую панель
• Подходы к решению нескольких queries элементов
• Flexbox без префиксов уже в этом году
• Загрузка изображений по требованию на чистом CSS
• Визуальные эффекты для модальных окон на CSS
• The Layered Look: улучшенные адаптивные изображения с помощью Multiple Backgrounds
• CSS Background Blend Modes уже доступны в Chrome Canary и WebKit Nightly
• Шейпы в CSS3 + CSS3 Regions — как это работает
• CSS Shapes Module добавит революционности веб дизайну
• CSS Shredder: делаем шреддер на CSS3
• How to Scale and Maintain Legacy CSS with Sass and SMACSS
• Работа с модулями в Pure CSS
• Верстка псевдо-элементов в IE10
• cardinalcss — еще один статический CSS фреймворк
• Шуточное объяснение box model
• Как сделать анимацию переворачивания на CSS3
• Разрабатка с SASS и Chrome Devtools

JavaScripts

• Медиа-запросы — это не выход: Polyfill-скрипт для element-запросов, оригинал статьи
• Консорциум W3C представил JavaScript API для телефонии
• Эволюция гоночных автомобилей на JavaScript
• Нативные эквиваленты функций jQuery
• С чего начать изучение AngularJS. Часть2 – Шаблоны оживают.
• Видео jQuery Keynote с jQuery Conference Portland 2013
• Провинутые техники юнит-тестирования в JS
• Making Sass talk to JavaScript with JSON
• O Backbone.js очень просто и кратко для любителей MVC-фреймворков
• jquery.viewport
• CollagePlus — еще один плагин для создания галереи на jQuery
• Chance — генератор случайных строк, чисел в разных форматах, для написания автоматизированных тестов
• Yass.js — mobile-first полифил, для реализации загрузки изображений для экранов с различной плотностью пикселей
• SimpleWebRTC — простая работа с WebRTC
• Сервисы сообщающие о клиентских ошибках JS
• Static Memory Javascript с использованием Object Pools
• Продвинутое использование Grunt
• JSON-LD — JSON for Linking Data, JSON-формат для лучшей организации данных
• X-editable — библиотека, позволяющая создавать редактируемые на странице элементы (работает с bootstrap, jquery-ui, jquery)

Браузеры

• IE11: Поддержка WebGL, SPDY/3 и новые средства для разработчиков, обзор технических моментов , Windows 7 тоже получит Internet Explorer 11
• Релиз Firefox 22 с поддержкой Asm.js, WebRTC пришел в Firefox 22
• Начало бета-тестирования Firefox 23 и создание aurora-ветки Firefox 24
• Network Monitor в Firefox Beta
• Вся правда о таинственных обновлениях до Google Chrome 28
• Браузер Dolphin подключается к Mozilla Firefox в создании HTML5 app store
• Тигран Худавердян (Яндекс): мобильным браузерам не хватает скорости достижения результата

Новости

• По мотивам BUILD 2013: Краткая информация о Windows 8.1, Встречаем Windows 8.1 Preview и смотрим, , что в ней нового, а также видеообзор.
• В то время, как в Украине запускают тестовую версию Электронного суда и проводят конфискацию серверов ВКонтакте, в России официально запускает онлайн-магазин Apple
• «Яндекс.Музыка» научилась импортировать песни из «ВКонтакте»
• Как Яндекс.Почта стала понимать, что вам нужно. А Mail.ru опровергла успехи Яндекс.Почты
• До свидания, Motorola
• Вышла публичная бета Sublime Text 3
• В Google разрабатывают игровую приставку, «умные» часы, новый Android и многое другое
• PayPal запускает программу Galactic, чтобы подготовить платёжные системы к коммерциализации космоса
• HTC First — всё
• О картах: С Google Maps убрали облака и добавили виды высокого разрешения, а Ошибки на трёхмерных картах Apple можно считать искусством
• О часах: Sony SmartWatch 2 — пылевлагозащищенные умные часы с поддержкой NFC, а также Умные часы Emopulse Smile Smartwatch с 256 ГБ памяти

Сервисы

• RSS:
  
  • С Google Reader на Feedly Cloud: итоги за последние 100 дней
  • Digg Reader beta
  • AOL Reader пополнил ряды заменителей Google Reader
  • Кто нам заменит Google Reader? Яндекс.Подписки
  • Большая подборка от лайфхакера
  • Reader is Dead — колекция инструментов, которые помогут подготовиться к отключению Google Reader
  
  
• SVG Optimizer – это инструмент для оптимизации векторной графики в формате SVG, написанный на Node.js.
• Mobile Emulators & Simulators: The Ultimate Guide
• picssel-art: генерация изображений средствами CSS

Демо

• Анимированное лого в 3d
• Продвинутый анимированный лоадер
• Подборка логотипов и персонажей на чистом CSS

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

• Интересные примеры responsive сайтов
• Подборка ультра-минималистичных сайтов
• flandriatype.com — сайт-презентация шрифта
• flatguitars.com — стильный одностраничный гитарный сайт

Дизайн

• Новый дизайн ЖЖ
• Разработка дизайна по контрольным точкам
• Бесплатный! курс «Photoshop for Web Designers» от Tuts+ Premium, целая серия видео-уроков по Photoshop CS6
• Набор инструментов для создания инфографики
• A Good User Interface
• Набор инструментов для создания инфографики
• Визитки: элегантные визитки, вдохновляющие примеры дизайнов визиток 2013 года
• Полное руководство по плоскому дизайну
• Преимущественно монохромные сайты с однотонным фоном
• Красочные дизайны сайтов
• Цвета, определяющие веб сегодня
• Примеры форм авторизации и регистрации
• Редизайны популярных сайтов
• Новые фичи Adobe Illustrator CC
• Логотипы с изображением компаса

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

• Графические материалы: текстуры, стили, кисти, векторные изображения и т.д.
• Наборы иконок и UI компонентов
• Collection of Free Fonts and Typefaces for June 2013
• Исходники: шаблоны форм авторизации, наборы UI для создания вайрфреймов
• Иконки: наборы иконок для веб, как плоских, так и фото-реалистичных, дюжина наборов плоских иконок, стилизованные монохромные иконки с изображением продуктов
• Кисти: бумажные
• Шрифты: подборка креативных шрифтов: от Nexa до Idolwild, Track — заголовочный шрифт без засечек с латинскими прописными буквами и цифрами

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

• Что делать, если Facebook случайно открыл доступ к вашим данным
• GIF
• Стало известно, сколько стоят посты топ-блогеров в ЖЖ
• Распространение вредоносного ПО — информация от Google
• Adobe Creative Cloud: облака и непобедимые пираты
• Кто подставил кролика МДК
• Зарплаты украинских разработчиков — май-июнь 2013
• Google Maps: «Добро пожаловать в самое высокое здание в мире!»
• Программист выяснил различие между «гиками» и «нёрдами»
• 10 фактов о новом офисе Mail.Ru Group
• Очередной маркетинговый глум от Nokia

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