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

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

• Советы по использованию media query
• «WebGL Beginner’s Guide» Глава 1: Начиная работать с WebGL
• Подборка полезного для Twitter Bootstrap 3
• Адаптивный дизайн и IE8
• Делаем свой персональный Skype, пошаговая инструкция создания WebRTC приложения
• HTML Academy, Хабр и краудфандинг
• Новый PhpStorm 7: за пределами языка, плюс Видеообзор новых возможностей PhpStorm 7
• Обзор недавних конференций по клиентской разработке: Fronteers 2013 и Web Standards Days
• Web Audio API – новые возможности генерации, обработки и объемного распределения звука в браузере.
• Доклад Артёма Кошелева про тестирование блоков при помощи HtmlElement и WebDriver
• Fontello: прошлое и будущее сервиса иконочных шрифтов
• Разделенный на две части лейаут: реализация и эффекты
• simurai о синтаксисе БЭМ
• Sample Debugging Protocol Clients
• Поддержка Retina-дисплеев в темах WordPress
• Делаем 3D MMO с использованием WebSockets
• Предотвращаем ненужную отрисовку анимированными GIF
• 7 советов по ускорению вашего WP блога
• Поддержка Web Audio API браузерами
• Создание HTML5 аудиоплеера с плейлистом
• Концепт перемещения placeholder-текста при заполнении пользователем полей
• Презентация Automating Front-end Workflow от Addy Osmani
• Введение в Event-Focused JS и CSS (EFJAC)
• Креативные резюме от веб-разработчиков: CSScv, интерактивное резюме

CSS

• Идеальный css-framework. Maxmertkit widget manager – build your own framework
• AutoclassCSS — быстрый каркас на основе HTML
• Несколько советов less-разработчику
• 12 клевых возможностей CSS3, которые можно наконец-то использовать
• Как отобразить и стилизовать полосу прокрутки в OS X (webkit)
• Objects in Space — руководство по созданию модульного SASS с использованием принципов SMACSS и BEM
• Использование CSS Shapes для усиления визуальной привлекательности повествования (демо «Алиса в стране чудес»)
• Крутые фишки из IE10/11 (CSS Scrolling Snap Points) могут попасть в спецификации
• Испытываем лучше CSS техники
• Карго культ CSS
• Идеи по наименованию классов
• Специфичность CSS
• SassBites — 15тиминутные видео по тематике Sass
• Enabling new interoperable panning experiences through the CSS Scrolling Snap Points Specification
• Navicon Transformicons: Анимация навигационных иконок с помощью CSS Transforms
• Анимация для Thumbnail Grids
• Стереоскопический CSS
• Нестандартный CSS: расширяем границы с Adobe
• CSS трюк: Windows 8 метро плитка
• Как создавать иконки для iOS 7 на CSS, iOS7 иконки
• Презентация Oh No! Spaghetti Code! от Fiona Chan
• Красочная цветовая палитра с растяжками

JavaScripts

• API консоли Javascript
• Познакомимся с Mutation Observers
• Snap.svg — новая библиотека Adobe Webplatform авторства Дмитрия Барановского, плюс Обзорная статья
• JSComplexity.org — анализ сложности JavaScript-кода (легкости в поддержке и прочее)
• JavaScript имеет проблемы с Unicode
• Handpicked jQuery Plugins — структурированная коллекция плагинов от David Higgins
• Handpicked jQuery Plugins — структурированная коллекция плагинов от David Higgins
• Создаем Parallax Scrolling страницу с помощью Jarallax.js
• Сколько пользователей без включенного JavaScript
• Grunt Boilerplate
• Работа с IndexedDB – часть 2 (часть 1)
• Good evening. I’m Sir Trevor. — мощный редактор контента под веб
• dolly.js — виджет под jQuery UI для клонирования таблиц в стиле excel
• Rimg — решение для отзывчивых изображений под браузеры, поддерживающие mediaqueries
• Автоматизируйте отзывчивость ваших изображений с помощью Mobify.js
• frame-player — видеоплеер без видеофалов, только JSON
• Socialite — socialitejs — библиотека для асинхронной динамической загрузки социальных кнопок
• oboe.js — парсер JSON-а, позволяющий использовать объекты до получения всего http ответа
• Device.js — определение платформы, ОСи и ориентации устройства
• alpacajs — простые формы для jQuery
• Offline.js — любое приложение уходит в offline
• Презентация Getting touchy — введение в тач и pointer-события
• Как создать событие в JavaScript, срабатывающее только один раз

Браузеры

• Эпилог Оперы
• Aura может появиться в Google Chrome 32
• Контролируемые профили (бета) в Google Chrome
• Индикаторы звука, веб-камеры и захвата экрана в Google Chrome 32
• Разработчики Mozilla намереваются увеличить интервал между выпусками Firefox с 6 до 9 недель
• В Firefox заблокирован по умолчанию Java-плагин

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

• Content Snippets — сниппеты для копирайтеров
• speedof.me — тест вашей скорости Internet на HTML5
• placebeard.it — генератор изображений с бородой

Новости

• Apple:
  
  • iPad Air(5), iPad Mini Retina, OS X, iLife, iWorks
  • 22 октября: новые iPad и не только!
  • Записки маковода: обзор OS X Mavericks.
  • OS X Mavericks за первые сутки была установлена на 5,5% компьютеров Apple

• Yandex:
  
  • Яндекс запускает Метрику для приложений
  • Новая версия Яндекс.Браузера: поиск по странице с учетом морфологии и поддержка жестов
  • Будущее поиска по картинкам уже сейчас. Яндекс научился распознавать и объединять серии изображений
  • Защита оригинальных текстов в Яндексе теперь доступна всем

• Google:
  
  • Самые полезные обновления Google Analytics в 2013 году
  • Google запускает интерактивную карту DDoS-атак и сервис защиты от них
  • В Gmail и Google Docs появилось распознавание рукописного текста

• Считаем чужие деньги:
  
  • Чистая прибыль Яндекса в III квартале 2013 года составила 5,0 млрд рублей
  • Совокупная выручка Mail.ru Group за III квартал 2013 г. выросла за счет контекстной рекламы
  • Квартальная прибыль Microsoft составила $18,5 млрд
  • Samsung Electronics получила рекордную прибыль по итогам третьего квартала

• День рождения Ubuntu
• Новинки Nokia World, плюс еще пара обзоров — раз, два
• Выступление Павла Дурова на конференции GMIC в Сан-Франциско — первое публичное выступление основателя VK и Telegram в Кремниевой Долине
• Вышел WordPress 3.7 “Basie”
• ФСБ хочет получить полный доступ к данным пользователей интернета
• На Coursera появились русскоязычные курсы
• Bing представил поисковое приложение для Windows 8.1
• Планшеты есть у трети взрослых американцев
• LG Fireweb — первый смартфон компании LG на Firefox OS
• Twitter обогнал Facebook по популярности среди подростков

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

• Добро пожаловать в будущее!
• bjoernmeier.com — лаконичное портфолио с повышенным удобством навигации
• andremaurice.it — приятные эффекты с помощью css анимаций
• The Walking Dead — Zombiefied. We’re all infected. Spread the word.
• Потрясающий пример использования WebGL на реальном сайте
• Коллекция современных сайтов в темном стиле
• Сайты дизайнерских креативных агенств
• Примеры креативных сайтов, в которых используется дизайн с двумя боковыми панелями
• Свежие сайты с современным, ясным и лаконичным дизайном
• Примеры прекрасных монохроматических сайтов

Дизайн

• Тёмные паттерны: интерфейсы, предназначенные для обмана
• Правильный инструмент для создания прототипов в веб-дизайне
• Анимация в интерфейсах
• Интервью с дизайнерами: Алексом Бендером, Александром Лагутой, Marc O’Brien
• Три способа создания длинных теней в Adobe Illustrator и тюльпаны
• 20 примеров «детского веб-дизайна»
• Web Graphics Trends in 2013
• Продуманные анимационные переходы в дизайне UI
• Погружаемся в детство – веб-дизайн в мультяшном стиле
• Пять социальных сетей для графических дизайнеров
• Ключевые элементы, которые помогут сделать успешной вашу посадочную страницу
• Полное руководство по корректирующим слоям в Photoshop – Levels
• Как восстановить в Photoshop-е фотографию имеющую значительные повреждения
• Как создать тему для WordPress в PSD с плоским дизайном, как это делают профессионалы
• Примеры современной айдентики
• Примеры невероятно креативной рекламы пищевых продуктов
• Редизайн плоских иконок iOS 7
• Вдохновляющие примеры использования иллюстраций в веб-дизайне
• Примеры дизайна креативных страниц «О компании»
• Впечатляющие примеры дизайнов сайтов-портфолио

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

• Два десятка шаблонов PSD для создания дизайна печатной продукции
• Два десятка шаблонов PSD с формами авторизации
• Плоский набор UI для создания скетчей
• Наборы элементов UI для вашего следующего дизайна веб-приложения
• PSD с растяжками и цветами UI новой iOS7 и iOS 7 UI (PSD)
• Четыре десятка шаблонов сверхестественных флаеров, посвященных дню Всех Святых
• PSD с круглыми иконками
• PSD с заготовками логотипов
• Кисти для Photoshop: абстрактные, ретро и винтажные, тонкие в стиле гранж и просто два десятка бесплатных наборов
• Шрифты: AC Brodie — заголовочный ретро-шрифт без засече, Dyspepsia — вертикальный с имитацией рукописи ретро шрифт, Salomé Regular — декоративный шрифт с засечками, Sifonn — декоративный шрифт без засечек
• Три с половиной десятка рукописных шрифтов, от Jenna Sue до SorbetLTD, а также Простые и четкие шрифты
• 106 бесплатных плоских UI-элементов для дизайнеров

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

• Эмулятор x86 на JavaScript
• Мяу на CSS3
• Анимируем чекбоксы и радиобатоны с помощью SVG
• История эволюции маковской мышки с помощью CSS transitions
• Эмулятор x86 на JavaScript
• The Zoomquilt
• Generators Redux
• Интерактивная книга на jQuery и HTML5
• TouchType — игра для разработки навыков печати

Демо

• Клевый эффект анимированного трафарета на CSS
• Эмулятор JSMESS позволит запустить классику видеоигр прямо в браузере
• Metaballs Soup
• История дизайна мыши для компьютеров Apple
• Seene — поделись своей жизнью в 3D формате (приложение для iOS)
• digitalattackmap.com — визуализация DDOS-атак
• Круговая анимация

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

• Неигровое применение Unity3D и Oculus Rift
• Парень из Чехии повторил дизайн iOS7 в Wordе
• История ошибок: как мы построили и потеряли бизнес с оборотом 500 000 долларов в год
• Хакеры на экране — 2
• Краткий гид по патентному троллингу
• ЖиЗЛ # 12: Стивен Хокинг
• Optimization.ua 2013: О будущем, которое наступило уже сегодня и искреннее продвижение товаров, борьба с негативом и торжество mobile
• Как компании обманывают друг друга и пользователей
• 7 ошибок компаний при переходе в мобайл
• Павел Дуров: «Цукерберг недооценивает ВКонтакте»
• Депутат потребовал привлечь Павла Дурова за экстремизм
• Юрий Мильнер: «У миллиардов людей нет навыков повышения эффективности»
• Вице-президент Microsoft публично наезжает на Apple
• NASA создала высокоскоростное соединение с Луной
• Тестирование Leap Motion — бесконтактного сенсора для управления компьютером
• betteremailbraulio.com — интернет-реклама в стиле 90-х
• Видео года — YouTube Music Awards

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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