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

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

Веб-разработка
Ускоренная разработка веб/мобильного приложения
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.