Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
На этой неделе прошла конференция Build 2013 от Microsoft. По ее итогам встречаем Windows 8.1 Preview и смотрим, , что в ней нового, а также видеообзор. Новой винде — новый IE. Свежий IE11 научился работать с WebGL, SPDY/3 и получил новые средства для разработчиков
Встречаем новый релиз Firefox 22, который отличается двумя интересными нововведениями — поддержкой Asm.js и включением технологии WebRTC по-умолчанию. Кстати, о WebRTC 
Уже через несколько дней Google Reader прекратит свое существование. Свою помощь искателям альтернативы предлагают такие монстры, как AOL и Digg. Внезапно ставший популярным Feedly подводит итоги за последние 100 дней . А в этой подборке можно посмотреть на довольно большой выбор сервисов для чтения RSS.
Предлагаем вашему вниманию отличную статью, где автор ответил на большую часть вопросов о веб-шрифтах, которые могли бы у вас возникнуть. Если же у вас с теорией все хорошо, то перейдем к практике и познакомимся с Онлайн-сервисом для создания собственного иконочного шрифта и Font Custom — генератором кастомных иконочных шрифтов через командную строку
Ближайшее будущее CSS — это не только flexbox. Потенциально мощной штукой может оказаться CSS Shapes Module, обещающий принести революцию в веб дизайн и который позволит формировать контент в прозвольной форме. Также, есть смысл обратить внимание на CSS3 Regions и CSS Background Blend Modes, которые уже доступны в Chrome Canary и WebKit Nightly
Этот репозиторий с подборкой вопросов, которые могут быть использованы на собеседованиях на должность front-end разработчика, не нов. Однако, никогда не поздно бросить вызов самому себе и попробовать ответить на эти вопросы. Кто знает, возможно именно это поможет вам на следующем собеседовании в компанию вашей мечты?
Наверное, практически все сталкивались с подсетью сайтов TUTS+. Их запустил австралийский стартап Envato, в том числе ставящий своей целью помогать одним людям получать знания в интернете, а другим — зарабатывать на этом. Соответственно, далеко не все их курсы бесплатны, но на этот раз они порадовали бесплатным туториалом «Photoshop for Web Designers», который состоит из серии видео-уроков по Photoshop CS6
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin
Горячая семерка
 |
Windows 8.1 Preview |
 |
Firefox 22 |
 |
Жизнь RSS после Google Reader |
. А в этой подборке можно посмотреть на довольно большой выбор сервисов для чтения RSS. |
Веб-шрифты |
и Font Custom — генератором кастомных иконочных шрифтов через командную строку  |
CSS3 |
 |
Front-end Job Interview Questions |
 |
Photoshop for Web Designers |
Веб-разработка
- Видео докладов Я.Субботника в Санкт-Петербурге 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
- С Google Reader на Feedly Cloud: итоги за последние 100 дней
- 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
