Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №119 (4 — 10 августа 2014)

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

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

• Ускоренная разработка веб/мобильного приложения
• HTML-импорт — include для веба: часть 2
• Сравнение Grunt, Gulp и NPM
• Обучение детей с помощью CodePen
• Не позволяйте DOM-у прыгать
• Экспорт в HTML5 Canvas из Flash
• Пишем, запускаем и отлаживаем приложение, созданное с помощью Crosswalk
• Улучшайте ваш процесс создания писем для рассылок с помощью модульного дизайна
• Советы начинающим front-end разработчикам по полноценному входу в индустрию
• Как упростить интерфейс WP-Admin и сделать его более дружественным для клиента
• Изобретаем ссылку заново!
• Текущее состояние веба, использующего компоненты (с примерами реализации при использовании самых популярных фреймворков)
• Почему веб-компоненты уже готовы для продакшна
• Тихая смерть области ‘the Fold’
• Разработка отзывчивых сайтов в браузере с помощью Webflow
• Использование mozjpeg для создания эффективных JPEGгов
• HTML5 Web Audio API Tutorial: создание виртуального синтезатора
• Vim для фронт-енд разработки

CSS

• Подробности совместимости с WebKit в мобильном IE11
• Префикс goog в Blink для экспериментов Google
• Анимированные SVG-маски
• Пишите Sass проще
• Концерт для начинающих: как работают CSS селекторы
• Параллакс скроллинг-эффект на чистом CSS
• Семь способов реализовать иконку-гамбургер для навигации
• Простые улучшения эффектов наведения на кнопку
• Сайт, посвященный CSS Media Queries
• Простые CSS анимации
• Как сделать классный эффект заполнения цветом иконок
• Эффекты, добавляемые при предзагрузке страницы
• Анимированные индикаторы загрузки на чистом CSS, состоящие из одного тега
• Контентные директивы в CSS препроцессорах
• Демки, демонстрирующие возможности чистого CSS
• Умное использование Step Easing
• Задачка по CSS: воссоздайте этот GIF в html + CSS
• Выносливый CSS: пишем стили для быстро изменяющихся и долгоживущих проектов

JavaScript

• URL.js или дружим JavaScript с обработкой ссылок
• Введение в Bookshelf.js
• Dalek.js — простое функциональное тестирование веб-приложений
• Асинхронный JavaScript: без колбеков и промисов
• Оператор `delete` в JavaScript
• Определение ритма в аудио с помощью JavaScript и Web Audio API
• Кратко о том, как использовать Device Orientation API
• 5 малоизвестных деталей о методах в jQuery
• JS-викторина: что делает эта функция?
• Скролл-анимация с помощью jQuery
• Плагины:
  
  • Mobify.js — управляй DOM-ом, адаптируя его к любым устройствам
  • baguetteBox.js — лайт-бокс с поддержкой нескольких версий изображений для различных разрешений
  • Blast.js — позволяет манипулировать текстом отделяя символы, слова, предложения и элементы
  • Autopolyfiller — автоматически генерируемые JS-полифилы
  • JSNLog — логирование ошибок JavaScript в серверных логах
  • retext — расширяемая система для анализа текста и манипуляций с текстом на английском
  • JogDial.js — вращающийся элемент управления
  • Tether — низкоуровневая UI-библиотека, которая позволяет позиционировать любой элемент на странице рядом с любым другим
  
  
• JavaScript: используйте замыкания для создания приватных свойств
• Использование JavaScript для создания GUID, исходя из информации о браузере пользователя
• Ускорение приложений, построенных на базе AngularJS с помощью простых способов оптимизации
• Создание кастомных D3 директив в AngularJS
• Постоянно пополняющаяся подбока с пакетами и ресурсами для NodeJS
• Введение в использование pixi.js (создание игр)
• p5.js — библиотека для рисования
• T3 — шаблон для построения three.js приложений

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

• Карта DDoS атак
• Рисовалка для любителей 8-битной пиксельной графики
• Выбери подходящий шрифт для написания кода
• Сборник инструментов и техник для оптимизации изображений для веба

Новости

• Amazon стал регистратором доменных имён
• Windows 8.1 Update 2 выйдет в этом месяце в виде обычного ежемесячного обновления
• Прототипы китайских автомобилей с автопилотом от Baidu будут готовы в 2015 году
• Google представил сервис для издателей новостей News Publisher Center
• Почта Gmail запустила кнопку «Unsubscribe», позволяющую легко отписываться от рассылок
• YouTube купил приложение для монтажа видео Directr
• Поиск Google начал отдавать предпочтение сайтам, использующим HTTPS
• Windows 9: что нового, Microsoft?
• SpeechKit Cloud — Речевые технологии Яндекса
• Сервис онлайн-стриминга Justin.tv будет закрыт ради развития игрового проекта Twitch
• Apple и Samsung урегулировали все патентные споры вне США
• Китай запретил использование продуктов Apple в госструктурах
• Новый метод 3D-печати сулит аэрокосмические и автомобильные перспективы
• В Gmail добавлена поддержка почтовых адресов с нелатинскими символами

Браузеры

• Lightspeed — эксперимент Mozilla по развитию интерфейса web-браузеров
• Microsoft прекратит поддержку старых версий Internet Explorer
• Internet Explorer будет блокировать устаревшие элементы управления ActiveX
• Microsoft прекратит поддержку старых версий Internet Explorer к 2016 году
• Интервью с сооснователем Opera Software Йоном фон Течнером
• Google пока не планирует переносить Google Chrome на Windows Phone

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

• Microsoft воссоздала веб-сайт 1994 года
• Увлекательные одностраничные сайты
• Анимированная статистика
• dunckelfeld.de — трендовое портфолио с плоским дизайном, фоновым видео, плавной загрузкой и прочими эффектами
• corefx.com — обилие абстрактной фоновой анимированной графики
• semplicelabs.com — яркий сайт с презентацией темы-портфолио для WP
• kabertech.com — сайт с фоновым видео, параллакс-эффектами и интересно реализованной прилипающей шапкой
• madebyfriends.co — сайт с минималистическим дизайном и легкими, но приятными анимацинными эффектами
• uppercase.no — сайт с вертикальным и горизонтальным напрвлением скроллинга
• mattluckhurst.com — интересная навигация по буквам
• .cantinanegrar.it — интересные скролл- и ховер-эффекты
• queesbitcoins.com.ar — скролл-анимация и качественные иллюстрации
• mikado.lu/ — слайд-скролл и полноэкранное меню

Дизайн

• Дизайнер создал сайт с подробной статистикой своей жизни
• Новый The New Yorker: одно из старейших журнальных изданий сделало редизайн сайта
• Лапша «Три звёздочки»
• Дизайнер логотипа “I Love New York” создал знак для экологической кампании
• Цветовые схемы в веб-дизайне: шесть советов для начинающих
• Настроенческая типографика в веб-дизайне
• Создание сайта Aprilzero (часть 2) — впечатляющая история создания проекта, где трекается всевозможная статистика самого создателя
• Пять вещей, которым учат нас хип-хоп звезды в UX дизайне
• Как мы читаем (о том, как человек воспринимает буквы, и как сделать процесс восприятия лучше, а так же что такое процесс чтения)
• Узнаем о креативности и инновация от LEGO (история развития гиганта конструкторов)
• Красивый концепт «умных» круглых часов Microsoft
• Целая история создания приложения мобильного Food Tracking
• Google Chrome для iOS: концепт редизайна в стиле Material
• Material дизайн в приложении Google I/O 2014
• Полезные ресурсы по Adobe Fireworks: уроки, статьи и бесплатные материалы (часть 2)
• О создании нового дизайна Foursquare
• Affinity Designer — еще один графический редактор
• Экспорт слоев из Photoshop в файлы
• Как нарисовать бесшовную текстуру с якорями в Adobe Illustrator
• Создание дизайна веб-сайта парикмахерской в Adobe Illustrator
• Создание дизайна обложки книги в InDesign
• Концепт редизайна для продуктов Samsung
• Подборка дизайнерских подкастов
• Гайд по разработке форм

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

• Пляжные текстуры для вашего дизайна
• Набор из двадцатичетырех кистей в виде мазков малярной кисти для Illustrator
• Почти три десятка PSD шаблонов визиток
• FlatIcon — тысячи плоских иконок
• Четыре десятка иконок социальных сетей с плоским и фото-реалистичным дизайном
• Векторные иконки в плоском дизайне посвященные рекламе и рекламному бизнесу
• Забавные и трешовые иконки
• Небольшой набор из контурных иконок
• Три с половиной десятка наборов с иконки для социальных сетей
• Два десяка классных рукописных шрифтов, от Pacifico до Novito NOVA
• Двадцать три лучших веб-шрифтов 2014-го года
• Тонкий декоративный шрифт без засечек Thin Line
• williansdeabreu.com — концептуальный дизайн, параллакс и анимация

Демо

• История одного космического корабля
• 3D город (Google Chrome experiment)
• VelocityJS meets SVG

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

• Пора взрослеть: как я разочаровался в краудфандинге
• 20 самых популярных выступлений на конференции TED всех времен
• 10 технологических богачей, ведущих скромный образ жизни
• Учёные показали культурную миграцию 2600 лет за пять минут
• Лайфхак: Как убрать раздражающие надписи на YouTube
• В чем разница между работой в Google, Microsoft и Facebook: опыт сотрудника трёх компаний
• Восемь откровенно неудачных и спорных проектов современной истории
• Tesla Model S — Как это работает
• Когда и почему случится вторая индустриализация
• Как вас заставляют читать статьи
• За что увольняют из Facebook: как сотрудник соцсети потерял работу и $185 млн
• wikiwand — википедия в супер-дизайне
• Navdy — почуствуй себя водителем из будущего

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

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