Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/files/913/0c1/b7b/9130c1b7bbbd4539b4f008a7de586686.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/files/913/0c1/b7b/9130c1b7bbbd4539b4f008a7de586686.png)
Веб-разработка
Создание 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.