Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №205 (28 марта — 3 апреля 2016)

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

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

• Оценка задач фронтендера
• Введение в пакетный менеджер NPM для начинающих
• Frontend Dev: хороший, плохой, злой. Часть 1: Хороший путь
• Новости:
  • NPM запретил отзывать без разрешения open-source модули старше 24 часов
  • Google представляет VR view: новый тип embed-контента для вставки на сайтах и в приложениях
  • Apple предсталяет Safari Technology Preview

• Веб-производительность:
  • Как мы разогнали мобильную Lenta.ru до скорости света
  • Как избежать основных проблем при публикации AMP (How to avoid common mistakes when publishing Accelerated Mobile Pages)
  • AMP за 60 минут (AMP in 60 Seconds)
  • За кулисами AMP — Новый Акселератор Очень Больших Страниц (первоапрельская статья в блоге AMP) (Behind the scenes at AMP’s new Very Large Mobile Page Accelerator)
  • Повысит ли реально AMP скорость вашего сайта? (Will AMP really speed up your website?)
  • Подсказки для ресурсов — что такое Preload, Prefetch и Preconnect?
  • RAFP: предложение от PPK для измерения производительности с помощью requestAnimationFrame (RAFP: a proposal for performance measurements through requestAnimationFrame)

• Подкасты:
  • Веб-стандарты: Выпуск №9. Npm-гейт, новый IE, проблемы npm, опенсорс, PostCSS и многое другое с приглашенным гостем Андреем Ситником
  • RadioJS: Выпуск 38: Unpublish Unpublish!!. Обсуждение неприятной ситуации с модулем left-pad, нового поколения unit-testing фреймворков, WebAssembly и другие новости
  • Frontflip Podcast, выпуск 16. Leaflet.js, карты в браузере и ведение популярного опенсорса. Владимир Агафонкин
  • Лучшие англоязычные подкасты для веб-разработчиков за 2016-й

• MathML провалился как веб-стандарт (MathML is a failed web standard)
• Очередной дайджест от Addy Osmani, Issue 3: Terminal tips & tricks, DevTools + Service Worker Updates, Add-to-Homescreen Emulation, Google Compute Engine, Web Push
• Стилевые руководства по фронтенду: определение, требования, чеклист компонентов (Front-End Style-Guides: Definition, Requirements, Component Checklist)
• Accessibility Fails: 109 наглядных примеров, демонстрирующих проблемы с доступностью, сгрупированные по 18-ти категорям
• Сравнение Bootstrap 4 и Foundation 6.2 (State of affairs: Bootstrap 4 vs Foundation 6.2)
• Расширения для Brackets, облегчающие жизнь (12 Brackets Extensions That Will Make Your Life Easier)
• Как сделать многослойную Parallax иллюстрацию на CSS & JavaScript
• Эффектный веб:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #31
  • Объемные буквы, нарисованные с помощью частиц (WebGL) (GLSL PARTICLE FONT)
  • Коллекция эффектных экспериментов

CSS

• Советы, библиотеки и дополнительные материалы по CSS-анимации
• Подробный обзор нативных CSS-переменных от Serg Gospodarets (CSS custom properties (native variables) In-Depth)
• Генерируем цвета с помощью пользовательских свойств CSS (R,G,B)
• Драма веб-шрифтов, март 2016 (Webfont Drama — March 2016 Edition)
• Действительно ли веб-типографика полностью поломана? (Is Web Typography Completely Broken?)
• cloud.gov: как мы распространяем визуальный стиль на многие сайты (How we share a visual style across multiple sites)
• Layout:
  • Стоит ли мне использовать Grid или Flexbox? (Should I use Grid or Flexbox?)
  • Движение от HTML сеток к CSS сеткам (Moving from HTML Grid Systems to CSS Grid Systems)
  • Полное руководство по модели Grid (A Complete Guide to Grid)
  • Макет Cвятого Грааля (header, footer, main content, two sidebars) с помощью CSS Grid (The Holy Grail Layout with CSS Grid)
  • Eric A. Meyer: Готова ли уже наконец CSS раскладка? (Is real CSS layout finally here?)

• PostCSS:
  • Подборка полезных PostCSS плагинов
  • Аннотация критического CSS с помощью PostCSS (Annotating Your (Critical) CSS)
  • Как использовать PostCSS с Gulp (How to Use PostCSS with Gulp)

• Автоматизация регрессионного тестирования CSS (Automating CSS Regression Testing)
• Синтаксис стилей завтрашнего дня с помощью cssnext (Tomorrow’s CSS syntax with cssnext)
• Как работать с SVG иконками (How to work with SVG icons)
• Проверочный список для полировки UI для веб разработчика (The Polish Checklist for Web Developers)

JavaScript

• Новая возможность языка в ES2016: оператор возведения в степень (**)
• Давайте учить ES2015 (Let’s Learn ES2015)
• Стэк MECH — решаем проблему усталости от JS-фреймворков (The MECH Stack — Solving JavaScript Framework Fatigue)
• Фреймворки:
  • Релиз Meteor 1.3 — ES2015 Modules, App Testing, Mobile Improvements и другое
  • React vs Angular2: The fight rages on
  • React:
    • React — основные теоретические понятия (Basic Theoretical Concepts)
    • Redux. Окончание серии «Leveling Up with React» на css-tricks.com
    • reactstrap — простое использование компонентов React Bootstrap 4
    • Как Airbnb использует React
    • Загрузка и использование внешних данных в React (Loading and Using External Data in React)
    • Представление React Storybook. С помощью него вы можете разрабатывать UI компоненты вне вашего приложения в изолированном окружении
    • Доводы о пользе использования React (The Elevator Pitch for React)

  • Angular:
    • Разработка Angular 2. Свежий выпуск подкаста «Eat Sleep Code» (Engineering Angular 2 with Brad Green)
    • Введение в руководства по стилю для AngularJS (An Introduction to AngularJS Style Guides)
    • Создание привлекательных графиков с AngularJS (Creating stunning charts with AngularJS)

• Применяем свой JavaScript на сайты с помощью пользовательских скриптов (Applying JavaScript: User Scripts)
• Интерактивная карта зависимостей компилятора Babel JS
• Что нового в webpack 2
• 7 небредовых советов по освоению JS (7 no-nonsense tips to master JavaScript)
• Изменение правил использования функции unpublish в репозитории npm (changes to npm’s unpublish policy)
• Использование Map и Reduce в функциональном JavaScript (Using Map and Reduce in Functional JavaScript)
• Рецепты по округлению в JavaScript (JavaScript Rounding Recipes)
• Паттерн decorator в JavaScript: использование замыканий, monkey patching, прототипов, прокси и 'middleware' (The decorator pattern in JavaScript using closures, monkey patching, prototypes, proxies and 'middleware')
• Урок JavaScript от Eric Elliott: как отвечать на вопрос «Что такое чистая функция»? (Master the JavaScript Interview: What is a Pure Function?)
• Что, если бы у нас была прекрасная стандартная библиотека в JavaScript? (What if we had a great standard library in JavaScript?)
• Три способа поиска самого длинного слова в массиве в JavaScript (Three Ways to Find the Longest Word in a String in JavaScript)
• the-super-tiny-compiler — наверное самый маленький компилятор
• Expounder — библиотека для использования раскрывающихся сокращений с изначально скрытым объяснением
• cwait — ограничивает число параллельно выполняющихся промисов

Дизайн

• 15 шагов по улучшению юзабилити
• Руководство дизайнера по DPI и PPI
• Микровзаимодействия: секрет хорошего дизайна приложений
• 5 простых UX-принципов продуктового дизайна
• Как создать психологически дружественное приложение для iPad (How To Make A Physiology-Friendly Application For The iPad)
• Становимся ли мы ленивыми дизайнерами? (Are we becoming lazy as designers?)
• Создание UI для нового сайта The Times
• Основные тренды дизайна в марте 2016-го (Essential design trends, March 2016)
• Портал с интервью с дизайнерами (Ivan Venkov)
• Художники мира: Швеция (International Artist Feature: Sweden)
• Тест: понимаете ли вы цвет? (Quiz: Do You Understand Color?)
• Три фундаментальных компонента успешного дизайн продукта (The 3 ‘Non-Negotiables’ of Successful Product Design)
• Советы по преодолению блока в креативности (6 Tips to Get Past a Creative Block)
• Как создать набор иконок с изображением ретро-электроники в Adobe Illustrator (How to Create a Retro Tech Icon Pack in Adobe Illustrator)
• Быть креативным, даже когда вы не в таком состоянии (Being Creative When You’re Just Not Feeling It)
• Детали дизайна приложения Shorts (A Design Details Exploration)
• Иконки — это акронимы дизайна (Icons are the Acronyms of Design)
• Как создать круговую диаграмму в Sketch (How to Create a Pie Chart in Sketch)
• Лучшие первоапрельские советы по работе с Photoshop (The Top 10 Super-Ultra-Very Bestest Photoshop Tips the Experts Don't Want You to Know!)
• logoarchive — коллекция лого, изучение языка форм в дизайне логотипов
• Johnston Sans: шрифт подземки, который все изменил (Johnston Sans: The Tube typeface that changed everything)
• Отличная типографика от Angela Southern
• Генератор четырехцветных цветовых палитр
• Подборка из 20 фишек Sketch в видео формате
• Типографика в Sketch от Bohemian Coding

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

• Бесплатный вектор на тему науки
• Абстрактный фон с волнами в Adobe Illustrator
• Большой набор UI Slides Framework (Slides Design Resources: Huge Free UI Kit)
• Набор иконок на тему дизайна и форм (25 Design & Shapes Icons)
• «Mina» — жиный рукописный шрифт в двух стилях («Mina» Brush Typeface (FREE))
• KURBANISTIKA — стилизованный шрифт с кириллицей (KURBANISTIKA free font)
• Текущие бесплатные шрифты (Premium Free Fonts)
• Коллекция геометрических шрифтов в OTF и TTF форматах (25+ Best Free Geometric Fonts – OTF, TTF Formats)
• Бесплатные винтажные и ретро шрифты

Новости

• Microsoft:
  • Microsoft Build 2016: подводим итоги главного мероприятия конференции
  • Microsoft Build 2016. Все, что нужно знать об этом событии
  • Microsoft представила инструменты для создания текстовых, аудио- и видеоботов для Skype и других платформ
  • Microsoft подтвердила слухи об интеграции подсистемы Linux в Windows 10
  • Microsoft анонсировала обновление Anniversary Update для ОС Windows 10, которое выходит этим летом
  • Microsoft Build 2016: боты, Cortana и HoloLens в каждый дом
  • Microsoft предложит пользователям «скинуться» на Surface Phone
  • Microsoft анонсировала новые расширения для браузера Edge и опровергла слухи о встроенном в него блокировщике рекламы

• ВКонтакте представляет новый дизайн
• Поставлена первая коммерческая система на «кремниевом мозге» IBM
• Google запустил карусель для AMP-страниц только в 12 странах
• Установлен рекорд скорости передачи данных по оптоволокну
• Apple запускает облачный сервис MaCloud с вечным хранением данных первого апреля
• Некоторые новшества в Firefox будут вноситься не дожидаясь релиза

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

• Подборка первоапрельских шуток 2016 года
• Новинки Google: VR-гаджет Cardboard Plastic и сервис YouTube SnoopaVision от 1-го апреля
• Шутки брендов к 1 апреля: газета «Вечерний Google» и кукуруза на главной странице Pornhub
• Ретроспектива: Как шутят в интернете на 1 апреля
• 6 поисковиков, которые лучше, чем Google
• MIT и бой с отражением
• ИИ ненастоящий! Вопросы и последствия нашего поражения в го
• Планшеты мертвы
• Тренды медицинских технологий в 2016 году: «облачные» данные, геймификация и приложения для врачей
• Профессор Чикагского университета о том, почему нам стоит разобраться в статистике
• Какие очки виртуальной реальности выбрать
• Я — IT-номад. И моя жизнь — далеко не мечта

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

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

Автор: Zfort Group

Источник