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

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

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

• User Timing API
• О своем опыте системного подхода к производительности рендеринга DOM
• Пробуем Audio API на примере написания визуализатора
• Видеозаписи докладов конференции Happу New Front-End: О фронтенде по-новому
• Вышел Bootstrap 3.1.0, плюс Bootstrap Upgrader — для обновления HTML с Bootstrap 2.3 до 3.0
• 9 самых распространенных заблуждений о WordPress
• Server Sent Events
• Потоковая передача данных в стиле gulp для Grunt, или для другого таск-менеджера
• Пишем свой генератор для Yeoman
• Освоение консоли в Developer Tools
• Оптимизация производительности веб-шрифтов
• Оптимизация Front End производительности для мобильных девайсов
• Как использовать элементы Meter и Progress
• URL Rewriting для начинающих
• Кнопки Play и Pause для YouTube и Vimeo (с помощью их APIs)
• A Pattern Apart — библиотека шаблонов от A List Apart
• Создание приложений с Angular и Node используя Yeoman
• Fun: доска обменом сообщениями на NodeJS
• Как сделать Favicon
• Виды находящиеся под угрозой исчезновения в web-е: изображение
• Охота за приведениями для Front-end разработчиков
• Ход мыслей при решении проблем с Front-end
• Охота за привидениями для Front-end разработчика
• Работа с лимитами выделяемой памяти в мобильных браузерах
• Пять лучших статей на HTML5Hub за 2013 год
• Устойчивость к offline и кеширование в веб-разработке
• Улучшаем производительность главной страницы: убираем изображения (и видео), пять способов
• grunt-webshot — создание скриншотов страниц и локального html
• Галерея изображений в стиле карточек Polaroid

CSS

• Pointer Events приходит в Blink и Firefox
• CSS-свойство will-change ускорит отрисовку
• Практическая польза использования CSS Regions
• Использование CSS Regions в адаптивных дизайнах
• Google решил убрать поддержку CSS Regions в Blink/Chrome
• Как использовать кастомные свойства каскадных переменных в CSS
• Параллакс на чистом CSS
• Очень простая off-canvas навигация
• Normalize.css обновился до версии 3.0
• История о здравомыслии во Front-end: остерегайтесть импортов в Sass
• Текущее поколение CSS3 селекторов
• Sass: Mixin или Placeholder?
• Контейнеры, занимающие всю высоту (или большую) (и не сплющивающиеся)
• Анимированное построение Gameboy
• Кнопка включающая/выключающая меню на чистом CSS
• Статический анализ для CSS

JavaScripts

• Отказываемся от коллбэков: Генераторы в ECMAScript 6
• Sweet.js: Синтаксические расширения для JavaScript
• Паттерн JavaScript псевдо-класс (pseudo-classical)
• Генерация деревьев на HTML5 Canvas
• Деревья принятия решений на JavaScript
• Вам может не понадобиться jQuery
• Почему jQuery является самой популярной JavaScript библиотекой
• SVGMagic — SVG фоллбэк на jQuery. Ищет SVG в коде и делает из них PNG-версию.
• PSD Parser на JavaScript
• Руководство по созданию вашего первого приложения на Ember.js
• Семь вещей, которые вы должны знать о Web Workers
• AngularJS SEO
• Angular Foundation
• Внедрение Angular в физический мир
• scrollReveal.js — анимация во время скролла
• Glide — плавный скроллинг для страниц
• ScrollStory — скрипт для создания одностраничных сайтов, активирующий какое-нибудь действие при появлении во вьюпорте.
• Tether — клиентская библиотка для тонкой настройки прикрепленных к определенному месту блоков
• promisesjs.org — портал посвященный понятию promises
• Искусство работы с ошибками
• Создание современных UI с knockout.js
• Определение возможностей браузера с помощью CSS At-Rules
• JavaScriptOO.com — найдите нужную вам библиотеку
• React.js на чистом JS — детальное объяснение для нубов
• Идеальное сочетание: jQuery плагин Adaptive Backgrounds, добавляющий авто-магией нужный цвет фона для изображений вашего сайта
• fit.js — заполняем одним объектом другой объект

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

• sitespeed.io — инструмент для анализа скорости и производительности вашего сайта
• Подборка из четырех десятков онлайн-инструментов для веб-разработчиков различной степени полезности
• my-mind.github.io — инструмент для создания Mind Maps
• Galileo — поиск по избранным репам в GitHub из shell
• Tables Generator — генератор таблиц для Markdown

Новости

• Samsung и Google заключили соглашение по патентам
• Microsoft планирует замнить SkyDrive на OneDrive, а также намерена изменить название офисных веб-служб на Office Online
• АНБ использовало Angry Birds и другие приложения для сбора персональных данных
• Google продает Motorola Mobility компании Lenovo, факты, последствия, анализ, причины, подробности, последствия
• Последствия поглощения Motorola Mobility альянсом IBM-Lenovo
• Сделка Google и Lenovo укрепляет экосистему Android
• Корейцы вкладывают 1,5 миллиарда долларов в 5G
• В основе COS лежит Android
• Руководитель Bitcoin-стартапа Чарли Шрем арестован в Нью-Йорке
• Мавроди сообщил о введении собственного аналога биткоина
• Поиск Яндекса отдаст предпочтение страницам, не содержащим шокирующей рекламы
• Google и Samsung договорились почистить Android
• В 2013 году Android-смартфоны заняли почти 80% рынка
• Следующим CEO Microsoft станет Сатья Наделла
• 17% выпущенных в 2013 году чипов приходится на Samsung и Apple
• Миллиард смартфонов в год (IDC)
• Чистая прибыль Google выросла на 22% по итогам 2013 года, Apple побила рекорды по продажам смартфонов, а Годовая прибыль Amazon увеличилась в семь раз
• Google покупает компанию DeepMind — разработчика систем искусственного интеллекта, а Yahoo! приобрела разработчика персонального ассистента Donna
• Facebook нанял редакторов для Paper

Браузеры

• Плагин для смягчения громких заголовков новостей
• Вышла Opera 19
• Google предоставил инструмент для переноса приложений Chrome на Android
• Что ваш браузер знает о вас?
• Портирование новых версии Opera для Linux остановлено и признано нецелесообразным
• Принято решение по интеграции нового интерфейса Australis в Aurora-ветку Firefox 29
• Встречаем Рамблер-Браузер (бета)
• RethinkIE — промо-сайт нового браузера Internet Explorer
• Chrome может вскоре получить встроенный поиск «OK Google», Вышло расширение Chrome, позволяющее активировать голосовой поиск командой «OK Google»
• Android и iOS обзаведутся поддержкой приложений в браузере Chrome
• Браузерные войны возвращаются
• В некоторых случаях экономически выгоднее подарить каждому своему пользователю компьютер поновее, чем поддерживать IE7 на своем сайте

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

• Инь и Янь в веб-дизайне: черно-белые сайты
• 20 примеров одностраничных сайтов
• Сайты в лиловых тонах
• fillet.com.br — сайт с нестандартной раскладкой и дизайном, с параллаксом и анимацией
• Lonitoy — сайт с креативной графикой, параллаксом и скроллингом в разных направлениях
• northside.dk — стильный монохромный сайт
• theconference.se — необычный рисованный дизайн
• ManuelRueda — интересный эффект при появлении блоков
• brightmedia.pl — клевый вертикальный сайтик с приятной анимацией и не раздражающим звуковым сопровождением
• babadum.com — сайт-игра с идеей обучения
• getsooshi.com — сайт и приложение для любителей Суши
• ambercreative.co/experiments/apple-store/ — неофициальный редизайн магазина Apple

Дизайн

• Каково на самом деле быть дальтоником, и как делать дизайн для них
• Вязаный текст в Adobe Illustrator
• Больше чем просто типографика
• Винтажный текстовый эффект в Adobe Photoshop
• Как цвета получили свои названия
• Десять заповедей типографики
• Как создать эффект логотипа нарисованного мелом на доске в Photoshop-е
• Полное руководство по работе с видео в Photoshop – 3D Animations
• Создание бесшовной трехмерной геометрической текстуры в Photoshop-е
• Уроки по работе с текстурами и фонами в фотошопе
• Прагматичные техники для улучшения UX и создания более продуманных сайтов
• Новый дизайн приложения Dark Sky
• Honest Slogans
• Гайдлайны всех крупных ресурсов
• Примеры веб-дизайна с иллюстрациями и нарисованными от руки элементами
• Как обуздать силу хорошо кадрированных изображений
• Лучшие гаджеты для дизайнеров
• Очки созданные под впечатлением от начертания букв для нердов — любителей типографики

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

• Список ресурсов с качественными изображениями
• Двадцать пять сайтов, где можно найти бесплатные изображения
• Splitshire: еще больше бесплатных фото для коммерческого использования
• Twitter GUI PSD
• Чертова дюжина огненных кистей для Photoshop за твит
• Два с половиной десятка шаблонов сайтов в PSD формате
• Низкополигональные фоны в PSD формате
• Контурные изображения устройств Apple в PSD формате
• Набор с UI элементами посвященными недвижимости/резервированию
• Пять качественных наборов PSD с контурными иконками
• Бесплатный векторный огонь
• Более сотни текстур и паттернов
• Шесть круглых фото-реалистичных иконок от Studio4
• Free Flat Icons 2 от studio4
• Набор контурных иконок 99 beans
• Набор иконок Flat Social Icons
• Margot — шрифт с засечками предназначенный для использования на больших экранах
• ADAM — шрифт из заглавных букв без засечек по мотивам Futura
• Пятничные шрифты #8: от Quirky Nots до V.GER Grotesque
• Четыре десятка свежих шрифтов

Демо

• Постройте из LEGO сооружение своей мечты прямо в Google Chrome
• Видео с вашей веб-камеры на виртуальной шторе
• Новостийное приложение Paper от Facebook

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

• Что «Злые птички» напели АНБ (и кто ещё «стучит» с вашего смартфона)?
• Самые влиятельные персоны в игровой индустрии СНГ
• Искусственные нейроны помогут создать первый компьютерный мозг
• Проморолик с Ван Даммом принес Volvo $170 млн
• «Где диавол с Богом борется» — Интернет глазами РПЦ и Ватикана
• Стыдно ли быть эсэмэмщиком?
• Видео: 3D-голограмма премьера Турции выступила перед сторонниками
• Глава «Одноклассников» может заменить Павла Дурова на посту гендиректора «Вконтакте»
• Что будет с доменами .COM
• GuessHub — угадайте хаб по коду
• dogeweather.com/ — прогноз погоды от собак

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

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

Автор: alexzfort

Источник