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

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

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

• Погружаясь в производительность
• Duo.js — новое поколение пакетного менеджера для фронтэнда
• Обзор текстовых редакторов для кода
• Прототипирование рабочего процесса
• Руководство по SVG анимациям (SMIL) (с большим количеством примеров)
• Responsive-изображения: полное руководство
• Название должности: это сложно
• Обучение CMS
• Как рисовать прекрасные вещи в браузере
• Персонализация Git с помощью alias-ов
• Загрузка веб-шрифтов с более высокой производительностью в responsive-сайтах
• Чтение данных изображений с помощью JavaScript и html5 canvas
• Создание мобильного приложения из простого сайта
• Подборка случайных полезных советов по Sublime Text, Sass, CSS, Terminal и аналогичным технологиям и инструментам
• Доклад Patty Toland на тему «Design Consistency For The Responsive Web» с конференции Smashing Conference Freiburg 2014

CSS

• Эмуляция фильтра для инвертирования цвета с помощью Sass
• Решение для сбора статистики взаимодействия пользователя с UI сайта с помощью CSS
• Как использовать CSS3 трансформации
• Взгляд на поддержку модуля речи в CSS3
• Последние фишки CSS, которые вы можете использовать уже сегодня, но не во всех браузерах
• Шпаргалка по шпаргалке по Flexbox, переведенная командой css-live.ru и в которой исправлены две ошибки, касающихся значения «space-around»
• «Getting Started with SASS» — подробное руководство с интерактивными примерами
• Детальный разбор производительности веб-шрифтов (Сервис, демонстрирующий преимущества оптимизации шрифтов путем исключения ненужных начертаний и символов)
  
• schema — модульный CSS-фреймворк, использующий Less
• Еще раз о CSS Box Shadow
• Берем лучшее из BEM в Sass
• Удачная реализация iPhone 6 на чистом CSS

JavaScript

• JavaScript: проверьте свою интуицию
• Выразительный JavaScript: Введение, Величины, типы и операторы, Структура программ, Функции, Структуры данных: объекты и массивы
• 5 популярных JavaScript-хаков
• Версия для печати — делаем красиво с помощью canvas и javascript
• Эквалайзер на JavaScript
• JavaScript архитектура для 23-го века
• Как писать масштабируемый и удобный в поддержке JavaScript: Coupling
• Улучшение производительности сайта с помощью Navigation Timing API
• Введение в HTML5 History API
• Создание виджета, оповещающего о времени чтения материала с помощью React и jQuery
• Анонс ключевых улучшений производительности JavaScript в Windows 10 Technical Preview
• Введение в WebGL с Three.js
• Введение в D3.js
• Backbone vs. Knockout
• Определение позиции скролла
• Построение приложений на Angular используя архитектуру Flux
• Введение в юнит-тестирование в AngularJS приложениях
• Что не так с Angular.js
• Семь JavaScript-библиотек для специфических визуализаций
  
• Аналоговые SVG часы в 6 строчек JavaScript кода
• Утилита Node.js для перезаписывания URL-ов в CSS-коде
• franc — скрипт, определяющий язык по фрагменту текста
• ineed — быстрый способ стянуть данные с веб-страницы используя простой API
• floatlabels.js — обновленная версия jQuery-плагина для анимации плейсхолдеров в инпутах
• lazysizes — Маленькая билиотека на vanilla js для подгрузки картинок с автоматическим высчитыванием размеров. Кроме того, умеет подгружать js-скрипты и iframe
• Определение инверсии цвета с помощью CSS и JavaScript

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

• Создание трендовых наборов иконок с FreeIconMaker
• Pixate — сервис для создания интерактивных прототипов мобильных приложений с анимацией
• PaletTab — расширение для Chrome, вдохновляющее свежими палитрами и шрифтами
• Raw — сервис, превращающий ваши электронные таблицы в интерактивные и векторную графику
• Визуализация git-команд c помощью d3.js
• Генератор фигур для свойства clip-path

Новости

• Google:
  • Google I/O 2014: онлайн-трансляция на русском языке
  • ОС на палочке: Google официально представил Android 5.0 Lollipop
  • Анонс новых аппаратов в линейке Google Nexus
  • Google Nexus Player: первая телевизионная приставка на базе Android TV
  • Nexus 6 — первый эталонный планшетофон Google

• Apple:
  • Октябрьские премьеры Apple: iMac с ретиной, Mac mini, два айпада и другие
  • iPad Air 2, iPad mini 3, Mac mini и новый iMac Retina— главные анонсы Apple 16 октября
  • Записки маковода: обзор OS X 10.10 Yosemite
  • Новый 27" Apple iMac получил экран Retina и стоимость $2500
  • Реакция журналистов, блогеров и экспертов на презентацию новых iPad, iMac Retina и Mac Mini

• Представлен формат анимированных изображений XNG, совместимый с существующими браузерами
• Twitter отключил поддержку SSL 3.0, Google отказывается от поддержки SSL 3.0
• «Ростелеком» намерена создать российский аналог Steam и Battle.net
• Samsung продемонстрировала скоростные возможности мобильной связи 5G
• Facebook внедрила функцию Safety Check для уведомления друзей о своем благополучии в случае стихийного бедствия
• Motorola начнёт производство планшетов после завершения слияния с Lenovo
• Lockheed Martin заявляет о прорыве в области термоядерного синтеза
• Российские учёные о прорыве Lockheed Martin: их достижение — это фикция
• Неделя прорывов в термоядерной энергетике продолжается: реактор dynomak от Вашингтонского университета
• MasterCard представила первую карту с дактилоскопическим датчиком

Браузеры

• Релиз Firefox 33
• Выход Firefox 35-aurora и Firefox 34-beta со встроенным коммуникационным клиентом
• В Firefox beta появилась возможность совершать видеозвонки без установки дополнительного ПО и регистрации
  
• Визуальные закладки в Opera 25 для компьютеров
• Выпуск Tor Browser 4.0 и дистрибутива Tails 1.2

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

• nicalis.com — сайт с концептуальным дизайном, эмулирующим восьмибитную игру
• SoundCityProject — звуки города
• Startup Notes — интерактивная книга с перелистывающимися страницам на html5
• woodsly.com/lookbooks/summer-2014 — сайт с интересными решениями в оформлении, навигации и анимации элементов страницы
• academy.degordian.com — сайт с нестандартным лейаутом и навигацией между страницами
• agigen.se — полноэкратный сайт с параллаксом
• thecreativeclass.tv — сайт, насыщенный фоновым видео
• heforshe.org — сайт с нестандартными скролл-эффектами
• hixsnedeker.com — нестандартные ховер-эффекты и навгиация по подстраницам
• 35 чистых и минималистичных сайтов
• 20 автомобильных промо-сайтов

Дизайн

• Размер имеет значение: Каким должен быть текст на сайтах с адаптивной версткой (перевод)
  
• Потерянная прибыль: Как интерфейс страницы оплаты может повлиять на доходы магазина
• Текстуры и паттерны в веб-дизайне
• Apple не делает дизайн для вчерашнего дня
• Подготовка к Retina HD: создание Pixel-Perfect наборов для разных масштабов
• Концепты iWatch приложений
• Концепт редизайна UI и UX для Google News
• Указатели для мобильного веба
• Редизайн норвежской денежной валюты вдохновил создать концепт дизайна для долларов
• Дизайн посадочных талонов Virgin America
• MapDesign — сборник прекрасных карт на тумблере
• Преобразовываем стоковое фото в иллюстрацию, нарисованную с помощью карандаша и аэрографа в Adobe Photoshop
• Создание дизайна коробки попкорна с ужастиками в Adobe Illustrator
• Прототипирование анимации с помощью Keynote
• Логотипы с плоским дизайном
• Меню на доске вашего ресторанчика с классной типографикой за порцию обеда

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

• Mockup-файлы для демонстрации логотипов
• Бесплатные элементы цветочного орнамента для вашего дизайна
• iOS 8 GUI PSD (iPhone 6)
• Шаблон приложения для iPhone6 OptimaSales
• Два десятка мокапов мобильных устройств для демонстрации приложений и веб-сайтов
• Шаблон PSD посадочной страницы Arcadia
• Набор UI: Icarus
• Три набора UI от Matthew Skiles
• Дизайн ресторанного мобильного приложения
• Десять векторных фонов
• Векторные кнопки
• Набор из четырех десятков иконок с длинными тенями
• Набор иконок на тему путешествия и экологии в форматах AI, SVG, PSD, PNG
• Сотня туристических иконок в форматах PNG, SVG
• Коллекция шрифтов этой недели: от Vinta до Atvice

Демо

• Top 10 Codepens of the Week
• Много эффектных демок на canvas
• Apple iMac скролл-эффект
• Забавные 2-х секундные анимации
• Птица в клетку от yoksel

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

• Как Apple заставляет вас постоянно покупать новые «Айфоны»
• Какой формат резюме наиболее эффективен — обсуждение на Quora
• 10 самых успешных женщин в IT-мире
• Кто на самом деле создал Tesla Motors: краткая история компании в картинках
• Сравнение Siri, Cortana и Google Now
• Гики в России: Как стать свободным в стране, которой ты не нужен
• New York Comic Con 2014 Epic Cosplay Music Video

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

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

Автор: alexzfort

Источник