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

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

Веб-разработка
Веб картография и SVG эффекты
SVG, Iconfonts vs PNG
Разработка векторного редактора на JavaScript (сложности и идеи)
- Автоматизация фронтенда — от простого к сложному
- Gulp + Browserify и всё, всё, всё
- Создание отзывчивых веб-страниц с помощью режима эмуляции устройств Chrome DevTools
W3C предлагает реализацию расширения описания изображения с помощью атрибута longdesc
Git, Bitbucket и ты
Простой пример того, что делает ARIA и чего не делает
Понимание координатной системы и трансформаций SVG (часть 3) – создание новых видимых областей
Проблема с использованием HTML импорта в веб-компонентах для управления зависимостями
Плагины для WordPress для работы с анимированными GIF
Подборка CSS и Javascript библиотек для создания анимационных эффектов
Видео с HTML5DevConf Ускорение мобильных приложений с GPU от David Arel
Улучшаем 404-ю страницу
CSS
#DevTools трюк: Ctrl + Click на CSS чтобы найти его исходник
LESS? — мнение обывателя-верстальщика или дизайнера со стажем
- Знакомство со структурным селектором CSS3 :first-of-type
CSS Guidelines 2.0.0
Как устроен CSS на Groupon
Полное руководство по гридам
Переключающиеся SVG-иконки
CSS “position: sticky” – введение и полифилы
Flexplorer — песочница для наглядной демонстрации работы Flex-свойств
shrthnd — трансформация CSS в сокращенную форму
Пружинящие анимации
Употребление и злоупотребление CSS
Первая CSS переменная: currentColor
So, How Much Is An Em?
Параллакс-скроллинг на чистом CSS
Странный трюк с Baseline-Align Text для решения проблем с типографикой
Сгибающийся лист в 3D на чистом CSS
Крестики-нолики на чистом CSS (и HTML)
JavaScript
Dependency Injection. JavaScript
10 самых распространённых ошибок при программировании на JavaScript
JavaScript — странные части
Самоуверенный обзор популярных JS фреймворков
Синтезация звука грома средствами JavaScript
Как добавить анимационные переходы на страницы с помощью CSS и smoothState.js
Быстрая вставка YouTube видео с помощью JavaScript
HTML5 File API: возможности и поддержка
Как использовать Network Information API
Backbone директивы
Добавление ясности в наследование области видимости в Angular
Объяснение изолированной области видимости в AngularJS
Angular Plasmid — визуализация структуры ДНК
Сдвиг привычки писать функции старым способом
PerfBar — оценка метрик и производительности сайта
Marka — плагин для анимированной трансформации иконок
Много способов использования ngClass
Snapshot.js — NodeJS приложение для обработки, сортировки и фильтрации огромного количества информации
Tablesaw — гибкое решение для адаптивных таблиц
Amygdala — REST-клиент на JavaScript
JavaScript: цифровые часы с Johnny-Five + Arduino
PojoViz — визуализация JS объектов
VIDE — простой jQuery плагин для создания полноэкранных фоновых видео
DOM Compatator — JS библиотека для анализа и сравнения двух HTML строк (работает в Chrome)
Еще один jQuery-плагин для задания блокам одинаковой высоты
VenoBox — еще один адаптивный jQuery плагин для лайтбокса, подходящий для изображений, инлайн-контента, iFrames, Google-Maps, Ajax requests, Vimeo и YouTube
Веб-инструменты
Moodboard — расшаривайте свои дизайнерские идеи без регистрации
Новый редактор Slides.com
Веб-приложения для управления проектами, доступное для скачивания
Визуальный чеклист для веб-дизайнера
Papa Parse — мощный браузерный CSV парсер
Новости
- Google оштрафовал британские ссылочные сети
- Создатель первого всплывающего окна извинился перед Интернетом
- Расцвет Поднебесной: Baidu бросает вызов Google
- Билл Гейтс, Тим Кук, главы Google, Twitter и Amazon облились ледяной водой
- Intel: прекращение поддержки Windows XP не повлияло на восстановление рынка ПК
- «ВКонтакте» запустит отдельный мессенджер, музыкальное приложение и свой Instagram
- Доля KitKat на рынке Android-устройств впервые превысила 20%
- Присутствие операционных систем Microsoft на рынке сокращается
- Владелец Tinder и Vimeo выкупил Ask.fm у основателей
Браузеры
Opera Developer 25 или Возвращение закладок 2
- Microsoft хотела переименовать Internet Explorer, чтобы откреститься от прошлого
- Поддержка IE 8 прекратится в январе 2016 года
- Обещаны регулярные обновления IE
- Internet Explorer празднует 19-ю годовщину
Подробности о новинках инструментов разработчика «F12» в августовском обновлении IE11
- Google Chrome будет уведомлять о загрузке вводящего в заблуждение ПО
- Браузер Chrome получит систему управления аккаунтами в духе Chrome OS
- Браузер Chrome научился показывать просмотренные ранее страницы без интернет-соединения
- Сравнение энергопотребления Chrome, Firefox и IE
Альтернативный способ определения браузера — с использованием HTML5 canvas
Сайты с интересным дизайном и функциональностью
volkshotel.nl — рисованная анимация и иллюстрации
ThenNow — интересно реализованный драг-слайдер со сравнением фотографий «До и После»
wander-lust.ro — сайт с приятным параллаксом и анимационными эффектами
Дизайн
С чего началось использование [x] в дизайне графических интерфейсов
Улучшаем UI веб-приложения
- Графика из старых игр в веб-дизайне
Электронная книга «Web UI Design Patterns 2014»
Стоит ли придерживаться принципа Above-the-Fold в дизайне?
Чему я научился за один год работы продуктовым дизайнером
Что такое продуктовый дизайн
Руководство для дизайнеров по понятию DPI
Принципы дизайна сайта от Google и AnswerLab
thecreativeclass.tv — видео-интервью с людьми из креативной индустрии
Вводный экран: руководство для начинающих
Пять десятков визиток с супер-креативным дизайном
Рисуем веселую иллюстрацию летней путешественницы в Adobe Illustrator
Новинки векторной графической программы Inkscape, новая версия которой скоро будет выпущена
Создание музыкальных иконок в стиле наклеек в Adobe Illustrator
Редизайн меню 'Get Info' в MacOS
Предлагаемый редизайн Adidas
Иллюстрации знаменитых лысых голов
Типографика без границ: четыре десятка уроков с типографическими эффектами реализованными в Adobe Illustrator
Дизайн шрифта FF Franziska
Подборка бесплатных дизайнерских печенек
Pexels — новый сайт с бесплатными фото
Фото-текстуры плетеного бамбука
Шесть генераторов для создания фонов с абстрактной графикой
Шаблон веб-сайта в красно-серых цветах (PSD)
Мокап с бренд-принадлежностями
Набор векторных иконок с ретро-автомобилями
Набор из четырех десятков векторных иконок с изображением бытовых электорнных устройств
Cutlery Icons — набор иконок посвященных кухне
Mondrian — декоративный шрифт без засечек
BRIG — заголовочный шрифт без засечек
Hans Kendrick — шрифт без засечек
Демо
- Космический полет среди астероидов в Google Chrome Experiment
- css3 demo cube
Hextris — занимательная игра и очередная убийца времени
Подушечный тетрис
Ребята из Редмонда предлагают алгоритм для обработки видео снятого от первого лица для получения эффекта Hyperlapse
Занимательное
- В NASA впервые распечатают космическую камеру на 3D-принтере
- Microsoft показала как превратить обычную камеру в Kinect
- Воины будущего. Завораживающие и пугающие роботы Boston Dynamics
- Парящая блютус-колонка в виде «Звезды смерти»
- 13 дизайн-объектов, нарушающих законы гравитации
- Учёные научились прослушивать смартфоны через встроенный гироскоп
- Почему перезапуск спас Foursquare от неминуемой гибели
- «Mac vs PC» возвращается: Microsoft троллит Apple в рекламе своего планшета
- Как думают гении: 12 правил жизни Стивена Хокинга
- 10 домашних компьютеров начала компьютерной эры
- Pebble, OUYA и еще 7 самых успешных проектов на Kickstarter
- Почему компании, занимающиеся слежкой, ненавидят iPhone
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.