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

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

• Создание gulp-плагина на примере построения графа зависимостей для модулей Angular JSиз песочницы
• Конференция DUMP-2015: как это было
• Оценка популярности грязных хаков у разработчиков на различных языках программирования
• Sit the Test: 4 теста по CSS, HTML и JS
• Performance Bookmarklet — букмарклет, анализирующий производительность страницы
• Microsoft презентует Edge Dev — новый блог для разработчиков
• Mobile Sites Vs. Responsive – На следующий день после обновления алгоритма Google (The Day After Google’s Algorithm Update)
• Кодинг и дизайн для общедоступности (Intro to Coding and Designing For Accessibility)
• Подробнейшая статья от Ana Tudor о Трансформациях в SVG (Transforms on SVG Elements)
• Делаем SVG доступным (Making SVG Accessible)
• Microsoft Visual Studio Code: мини-обзор через 7 дней после релиза
• Поля форм: проблема кросс-браузерности, о которой вы не знали (Form Inputs: The Browser Support Issue You Didn’t Know You Had)
• Грандиозные, потрясающие и полезные data-атрибуты (The Epic, Awesome & Supremely Useful Data Attribute)
• Bazel — инструмент от Google для компиляции кода
• Facebook PathPicker
• Как функциональность телевизоров использует веб-технологии (How TV Functionality Leverages Web Technology)
• Видео с Fluent Conference 2015: The Web Platform
• Как создать редактор кода, похожий на Sublime, Vim и Emacs, используя HTML5 (How to build a competitor to Sublime, Vim and Emacs using HTML5 — Zef Hemel)
• Анимированный паттерн с помощью Snapsvg
• Веб-инструменты:
  
  • icons8.com/responsive-icons — Это как отзывчивый дизайн, но только для иконок: они выглядят по разному в зависимости от своего размера. Icons8 выпустила библиотеку из 50 бесплатных отзывчивых иконок, с которыми можно поиграться, и бесплатную утилиту, чтобы делать свои отзывчивые иконки.
  • HTML Arrows Generator
  • User Persona Creator
  • CodeBeautify — инструментарий с поддержкой большого количества форматов и языков
  • PlayCanvas редактор
  
  

CSS

• 3 катастрофы отзывчивого дизайна и как их избежать
• Responsive design + Icon fonts = Adaptive icons
• Строим с flexbox
• Упорядочивание багов кроссбраузерности Flexbox. Перевод статьи Normalizing Cross-browser Flexbox Bugs сообществом css-live.ru
• Fibonacci Flexbox Composer
• Sass Pixel Art
• Введение в Mobile-First Media Queries
• Video: Getting, Installing and Verifying Sass
• Спрайтовая анимация с помощью CSS (Sprite Sheet Animations Using Only CSS)
• Полезные Sass сниппеты
• Освоение CSS: BEM и ITCSS (Mastering CSS: BEM and ITCSS)
• Анимация интерфейсов с помощью CSS (Putting Your UI in Motion with CSS by Val Head—An Event Apart Video)
• Является ли грядущая библиотека Material Design CSS убийцей Twitter Bootstrap?
• Коротокое видео: количественные выражения в действии (Video: Quantity Queries In Action)
• Как создать индикатор прогресса с CSS3 (How to create a CSS3 progress bar)
• CSS Filter Effects
• Extending в Sass без создания беспорядка (Extending In Sass Without Creating A Mess)
• Marx — новый стильный CSS reset.
• FormHack — сброс стилей для форм в SASS
• Введение в Neat — семантическую Sass сетку (Intro to Neat — A Semantic Sass Grid)
• Less: не только основы с библиотекой примесей из bootstrap (Less: Beyond Basics with the Bootstrap Mixins Library)
• Пять лучших фреймворков с Material-дизайном, которые стоит использовать в 2015 (Top 5 Material Design Frameworks to Use in 2015)
• Random Gradient Generator (CSS)

JavaScript

• ES6 и за его пределами. Глава 1: ES? Настоящее и Будущее
• Логирование js-ошибок в piwik (аналог google analytics)
• Выпуск io.js 2.0, форка серверной JavaScript-платформы Node.js
• Как в JavaScript определить, является ли функция нативной
• Асинхронный JavaScript. Прошлое, настоящее и будущее.
• Забавное демо использования underlineJS
• Смерть AngularJS (The Death of AngularJS)
• Топ 18 основных ошибок разработчиков при работе с AngularJS (Top 18 Most Common AngularJS Developer Mistakes)
• Лучшие ресурсы для изучения AngularJS (20 best resources for learning AngularJS)
• Ключевые понятия Angular2 (THE CORE CONCEPTS OF ANGULAR 2)
• ES6: тестируя функции (ES6: Features By Testing)
• Bootstruct — роутер связанный со структурой для NodeJS
• Веб-анимация с JavaScript: анимирование текста (Web Animation using JavaScript: Animating Text)
• Создание масштабируемых веб-приложений с TypeScript (Building Large Scale Web Applications with TypeScript)
• Brisket от Bloomberg — фреймворк для создания SPA с помощью изоморфического JS
• Путь React.js: архитектура Flux с Immutable.js (The React.js Way: Flux Architecture with Immutable.js)
• Неизменность в React (Immutability in React)
• Ember Hearth — приложение для управления Ember-проектами
• jquerymy.js — легкий jQuery плагин для сложного двустороннего data-binding-а в реальном времени
• Обработка изображений на веб-страницах с помощью CamanJS (Manipulating Images on Web Pages with CamanJS)
• Clusterize.js — плагин для быстрого отображения большого количества данных, представленных в строках, либо просто используя существующую разметку в таблицах/списках.
• expand.js — библиотека из 80+ элементов и 350+ функций-утилит
• JSVerify — пишите мощные и выразительные тесты
• Восстание transpiler-ов от Jeremy Ashkenas (CODE GENIUS — Rise of the Transpilers by Jeremy Ashkenas)
• Будущее Node — Rod Vagg (The Future of Node — Rod Vagg)

Браузеры

• Mozilla прекратит поддержку бинарных компонентов в дополнениях к Firefox
• Новые функции Firefox будут работать только на безопасных сайтах
• Браузер Microsoft Edge будет иметь закрытый исходный код
• Добавление Asm.js в Chakra и Microsoft Edge (Bringing Asm.js to Chakra and Microsoft Edge)
• Тренды рынка браузеров 2015: сможет ли Microsoft отыграться с Edge? (Browser Trends May 2015: Can Microsoft Regain the Edge?)
• Высокопроизводительное видео с аппаратным декодированием (High performance video with hardware decoding)
• Browserhacks — расширяющийся список браузерных хаков на CSS и JavaScript

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

• В сервисе Flickr существенные изменения: редизайн мобильной и веб-версии, улучшение механизма поиска
• Интерактивный фон-калейдоскоп
• nclud.com — nclud обновили свой сайт новым дизайном и необычными эффектами
• Концепт сайта с фотографиями
• protectwise.com — сайт, насыщенный симпатичными анимационными эффектами
• jozefmetelka.com — сайт велосипедиста с интересной анимацией
• Редизайн Internet Archive
• smallstudio.com.au — сайт с анимациями и нестандартной структурой
• ksize.be — сайт с симпатичной графикой и параллакс-эффектом
• vtcreative.fr — одностраничный скролл-сайт с анимациями
• avenirclinic.com — сайт с приятной анимацией

Дизайн

• Создание дизайна Landing Page
• 9 удивительно популярных мифов о UX
• Взгляды в монитор в веб-дизайне
• Разработка дизайна в браузере и в Photoshop: за и против
• Кириллическая типографика для вашего вдохновения
• Дизайн паттернов: крупнейшие тренды 2015-го (Designing patterns: the biggest web trend of 2015 so far)
• Professional Web Typography
• Дизайнеры и разработчики: теперь под одной крышей (Designers And Developers: No Longer A House Divided)
• Бесплатные альтернативы Creative Cloud (Free Alternatives to Adobe Creative Cloud)
• Инфографика: история Photoshop-а (Infographic: The history of Photoshop)
• Современный минимализм — верный выбор (Modern minimalism IS the right choice)
• Пять смехотворных распространенных заблуждений относительно UX (5 Ridiculously Common Misconceptions about UX)
• Разрушение мифов о UX дизайне: 7 заблуждений об опыте пользователя (Mythbusting UX design: 7 misconceptions about user experience)
• Создание простой векторной графики в InDesign (Quick Tip: Create Simple Vector Graphics in Adobe InDesign)
• Как использовать инструмент Mesh Fill в CorelDRAW (How to Use the Mesh Fill Tool in CorelDRAW)
• Потрясающие комбинации шрифтов для вашего вдохновения (15 Stunning Font Combinations For Your Inspiration)
• Самое популярное фото дизайнера Andy (Very Busy Andy)

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

• Бесплатные шаблоны визитных карточек
• Более семидесяти мокапов и элементов с тремя фонами для создания фото стола креативного дизайнера (Creative Scene Generator Free)
• Бесплатные файлы для Adobe Illustrator (Freebie .AI & .EPS Files for Adobe Illustrator)
• Мокапы для демонстрации адаптивного веб дизайна (15 Mockups to Showcase Your Responsive Web Designs)
• Лучшие майские наборы UI (23 Best Free UI Kits – May 2015 Edition)
• Майский выпуск шаблонов сайтов в PSD формате (23 Free Photoshop PSD Website Templates – May 2015 Edition)
• Набор иконок Smashicons (Smashicons Is The Largest Ultimate Smartest Greatest Slickest Icon Set In The World)
• Наборы иконок весны 2015 (40 best free icon sets, Spring 2015)
• Рукописный шрифт El Capitan (El Capitan: Hand-Drawn Font)
• Didactic — шрифт с засечками

Новости

• «Яндекс» закрыл проект Android-прошивок «Яндекс.Кит» и закончил эксперимент с островами
• Microsoft прекратила разработку Windows, новых версий больше не будет
• Официально: потребительская версия шлема Oculus Rift выйдет в начале 2016 года
• Google обнаружила, что смартфоны обошли настольные компьютеры по количеству сгенерированных поисковых запросов в 10 странах мира
• Почему не вышла Windows 9? Джо Белфиоре намекнул на ответ при помощи бинарного кода на своей футболке
• Office 2016 Public Preview доступна для всех желающих
• Google закрывает PageSpeed
• Чего стоит ожидать от Google I/O 2015: Android M и носимая электроника
• Google позволяет делать закладки на карте из результатов поиска
• Google развивает средства создания высокопроизводительных Android-приложений на языке Dart
• Facebook открыл платформу Internet.org для сторонних разработчиков
• Apple планируют убить бесплатный Spotify и побороть Tidal

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

• Как не работать и получать зарплату: Google платит незанятым сотрудникам, чтоб они не ушли к конкурентам
• Головокружение от успехов: обзор Apple Watch
• История Hi-tech: Как создавалась первая советская ЭВМ
• Как попасть на работу в Google и стоит ли это того
• Tesla Powerwall и другие: ждать ли скорой аккумуляторной революции?
• Домашний аккумулятор Tesla и будущее производителя электрокаров: мнения журналистов и экспертов
• 10 математических и логических задач из собеседований в Apple, Google, Adobe и Microsoft
• Планетарий (Planetarium)

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

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