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

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

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

• HTTP/2: готовимся к переходу
• Туториал по Jade для начинающих
• Почему npm-скрипты?
• Текстовый лог трансляции с Яндекс.Субботника по фронтенду в Москве от сообщества Веб-стандарты
• Frontflip Podcast №15: 15. GraphQL, Relay. Почему уже не нужен REST?
• Несколько свежих видео с FrontendFellows #2, Ижевск
• Веб-производительность:
  • Google собирается ускорить веб. Хорошо ли это? (Google Is Going to Speed Up the Web. Is This Good?)
  • Погружение в Google AMP (Diving Into Google Accelerated Mobile Pages (AMP))
  • Проект AMP: сделает ли он ваши сайты быстрее? (AMP Project: Will it Make Your Sites Faster?)
  • Performance is a feature. Peter Chamberlin рассуждает о веб-производительности, как об упущенной возможности

• API:
  • Введение в Web Bluetooth API (An introduction to the Web Bluetooth API)
  • Introducing the WebVR 1.0 API Proposal
  • Добавление API в статический сайт (Adding an API to a static site)

• SVG:
  • SVG в вебе: Практическое руководство
  • Наследование стилей SVG и ‘Flash Of Unstyled SVG’ (SVG Style Inheritance and the ‘Flash Of Unstyled SVG’)
  • Креативная анимация SVG букв (Creative SVG Letter Animations)
  • Может ли SVG спасти вас от жирных PNG-32? (Can SVG Save You from Your Fat PNG-32s?)
  • “Lost”: An SVG Compass Rose Generator

• Заставляем простой сайт работать оффлайн с помощью ServiceWorker (Making a Simple Site Work Offline with ServiceWorker)
• Дизайн FINANCIAL TIMES для огромных экранов и видео-стен
• High-performance Web Worker messages
• Как выглядит веб глазами больного дислексией
• Знаете ли вы эти 8 HTML5 тегов? (Do You Know These Eight HTML5 Tags?)
• Представление MJML: языка разметки для отзывчивых писем (Introducing MJML: First open source markup language for responsive email)
• 7 изменений Google, которые сломают веше SEO (7 Google changes that will make or break your SEO)
• Real-Time, Bi-Directional, Compiler-Free Sass Editing with Emmet Livestyle
• Как работает веб: HTTP и веб сервер (How the Web Works: HTTP and the Web Server)
• fetch-it — расширенный HTTP клиент основанный, на fetch
• Эффектный веб:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #27
  • Анимация обратного отсчета
  • Web Audio Arpeggiato

CSS

• Организация кода для CSS препроцессоров
• Если вы знаете Sass — вы знаете и ES2015. Перевод статьи If You Know Sass, You Know ES2015 сообществом css-live.ru
• Повышение производительности CSS анимации с помощью библиотеки Repaintless.css (Boost Your CSS Animation Performance with the Repaintless.css Library)
• Введение в CSS Scroll Snap Points
• Модули PostCSS: вернем былое величие CSS! (PostCSS-modules: make CSS great again!)
• Что вам нужно знать о CSS переменных (What You Need To Know About CSS Variables)
• Отзывчивые таблицы на чистом CSS (CSS only Responsive Tables)
• Решаем проблему отзывчивых таблиц с помощью гридов (A Grid Solution for the Responsive Tables Problem)
• Введение в CSS Grid Layout Module
• Sass: когда использовать mixin, а когда extend (Sass: When To Use mixin And When To Use extend)
• Flexbox Defense — изучение Flexbox в игровой форме
• Использование нескольких шрифтов на одном элементе
• Анимации для иконки-гамбургера (Tasty CSS-animated hamburgers)
• Записи докладов с MelbCSS February 2016 meetup

JavaScript

• Лучшие инструменты для JavaScript-разработчика
• Компания Oracle открыла исходные тексты JavaScript Extension Toolkit 2.0
• RadioJS №36: последние релизы, методики и, мельком, критика TypeScript и Angular
• Объектно-ориентированный JavaScript: наследование на практике
• Объектно-ориентированный JavaScript: дескрипторы
• jQuery:
  • Любовное письмо к jQuery. Перевод статьи A love letter to jQuery
  • Год без jQuery (A Year Without jQuery)
  • Что нового в jQuery 3 (What’s New in jQuery 3)

• Фреймворки:
  • Порог вхождения в Angular 2 — теория и практика
  • Управление приватными данными классов ES6
  • JavaScript фреймворки в 2016-м (JavaScript Frameworks in 2016)
  • Google готовит Angular 2 для финального релиза (Google Preps Angular 2 for Final Release)
  • React.js Fundamentals — курс для начинающих
  • Rebass — библиотека React UI компонентов
  • Почему мы переключились на Redux (и так же используем React) (Why we are switching to Redux (and sticking with React too))
  • Видео: Angular2 Beta, RxJS, TypeScript
  • Enzyme: JavaScript утилиты для тестирования React (Enzyme: JavaScript Testing utilities for React)

• ES2015:
  • “Exploring ES6” — обстоятельная книга о ES6/ES2015, бесплатная для чтения онлайн
  • Creating React NPM packages with ES2015
  • 5 советов по улучшению JS c помощью ES2015 (5 Tips To Improve Your JavaScript w/ ES2015 (ES6))

• Плагины:
  • List.js v1.2.0 — маленькая, но мощная библиотека на ванильном JS, добавляющая поиск, сортировку, фильтрацию и гибкость к HTML-спискам, таблицам и вообще всему
  • jqGifPreview — jQuery плагин для предосмотра GIF изображений, как на Facebook (jqGifPreview — jQuery Plugin For GIF Preview As Like Facebook )
  • snapGallery.js — галерея превращающая список изображений с разными размерами в однородную сетку
  • superplaceholder.js — прокачайте плейсхолдеры дополнительными подсказками

• Состояние JavaScript в 2016-м (State of the Art JavaScript in 2016)
• Функциональное программирование для JS-людей (Functional Programming for JavaScript People)
• Алгоритм последовательности Фибоначчи на Javascript
• Модуляризация клиентских зависимостей с пмощью jspm (Modularizing Client Side Dependencies With jspm)
• Создание расширения для Chrome с функцией преобразования текста в речь (Create a Text-to-Speech Chrome Extension)
• Как создать интерактивные графики с ui-grid и Angular Chart (Create Interactive Charts with ui-grid and Angular Chart)
• Интерактивные JavaScript графики, использующие данные из Google Sheets (Interactive JavaScript Charts Using Data from Google Sheets)
• Видео с конференции NG-NL 2016 (NG-NL 2016: Rob Wormald)

Браузеры

• Chrome может обогнать IE и стать самым популярным браузером уже в мае
• Браузер Microsoft Edge получил немного доли рынка в феврале
• Релиз web-браузера Chrome 49, прекративший поддержку 32-разрядных систем Linux
• Object.values(), Object.entries() и Object.getOwnPropertyDescriptors() появились в Chrome. (Object.values(), Object.entries() and Object.getOwnPropertyDescriptors() landed in Chrome.)
• WebAssembly может быть добавлено в поддержку браузерами в этом году (WebAssembly may go live in browsers this year)
• Тренды браузеров март 2016: сюрпризы операционной системы (Browser Trends March 2016: Operating System Surprises)

Дизайн

• Анимация интерфейсов. Микровзаимодействие для макрорезультата
• Как избежать распространенных UX ловушек (How to avoid common UX traps)
• Дурацкие аналогии UI и UX (Shitty UI/UX Analogies.)
• Tilt Brush — создание объемных рисунков от Google
• Концепт дизайна для Google (Re-imagine Google)
• Айдентика для ТВ-канала Viceland
• Микровзаимодействия: секрет дизайна прекрасных приложений (Microinteractions: The Secret of Great App Design)
• Руководство для дизайнеров по DPI (Designer's guide to DPI)
• Бесконечная прокрутка, разбиение на страницы или кнопки “загрузить еще”? Результаты исследований юзабилити интернет-магазинов (Infinite Scrolling, Pagination Or “Load More” Buttons? Usability Findings In eCommerce)
• Десять главных подсказок по созданию иллюстраций на тему моды (10 Top Tips for Fashion Illustration)
• Как предлагать прекрасный UX при использовании видео (How to Offer Great UX When Using Video)
• Делая дизайн для жестов (Designing for gestures)
• Uber перезапускается с новой айдентикой (Uber relaunches with a new brand identity)
• Плоский дизайн 2.0 (Flat Design 2.0)
• Быстрое начало работы с наборами UI (Getting Started With UI Kits Fast)
• Редизайн Univision.com (Redesigning Univision.com)
• Частые заблуждения об UX (Common UX misconceptions)
• Дизайн изнутри: Capital One (Inside Design: Capital One)
• Не делайте дизайн того, чего просят пользователи (Don’t design what users want)
• Простой способ для быстрого создания цветовой палитры (A Simple Trick For Creating Color Palettes Quickly)
• Photoshop за 60 секунд: что такое гистограммы? (Photoshop in 60 Seconds: What Are Histograms?)
• Вдохновляющие логотипы, посвященные пище (Food Logo Designs for Identity Inspiration)
• Новый логотип и айдентика для Бутана от FutureBrand (New Logo and Identity for Bhutan by FutureBrandPeekabhu I see you)
• Sketch:
  • Настройки шрифта в Sketch (Typesetting in Sketch)
  • Релиз Sketch 3.6 (Sketch 3.6)
  • Шоткаты в Sketch, о которых вы не знаете (The Sketch shortcuts you didn’t know about)
  • Готовы прототипировать прямо из Sketch? Поприветствуем Silver

• Типографика:
  • Исследуем последние тренды в веб-типографике (Exploring the Latest Trends in Web Typography)
  • Почему вертикальный ритм — это важная типографическая практика? (Why is Vertical Rhythm an Important Typography Practice?)
  • Недорогие новые шрифты, которые вы, возможно, не думали использовать (…а должны бы) (7 New Fonts You Probably Haven’t Considered Using (…But Should))
  • Топ инструментов для спаривания и комбинирования шрифтов (Top Font Pairing Tools And Font Combinations)
  • Как создать шрифт с использованием Fontself и FontForge (How to Create a Font Using Fontself and FontForge)

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

• Бесплатные текстуры булыжников и мостовых
• getWi.Fi — карта бесплатных сетей
• Текстуры бумаги (130+ Free Paper Textures)
• Кисти для фотошопа (80 Free Photoshop Brush Sets to Bookmark)
• Мокапы для демонстрации дизайна в Apple Watch в PSD формате (35 Free Apple Watch PSD Mockups)
• sketchsheets — готовые для печати шаблоны с изображением мобильных устройств (Ready to print device templates for UI & UX designers.)
• PSD шаблоны с мокапами марок (25+ Best Postcard Mockup PSD Templates)
• PSD шаблоны пригласительных карточек (22+ Best Greeting Card Mockups PSD Templates)
• Лучшие наборы UI, которые просто необходимы (15 of the Best Free UI Kits You Need To Have)
• Сетки для Bootstrap в PSD (Free Bootstrap PSD Grids for Crafting Excellent Website Designs)
• Иконки для интернет-магазинов (35 Free Icons For eCommerce Websites)
• Два десятка прекрасных геометрических шрифта (20 Gorgeous Free Geometric Fonts to Download)
• Два десятка супер четких шрифтов для минималистичных дизайнов (20 Super Clean Fonts Perfect for Minimal Style Design)
• Elrotex — декоративный кистевой шрифт (Elrotex Brush Font)
• Karmina Bold: рукописный шрифт (Karmina Bold: Free Handwritten font)

Новости и занимательное

• Microsoft объединяет PC и Xbox One
• Slack запустит голосовые и видеочаты
• Председатель ​совета директоров Alphabet Эрик Шмидт возглавил совет по инновациям при Минобороны США
• Разработчики запустили поисковик для детей Kiddle, основанный на технологиях Google
• Билл Гейтс снова признан богатейшим человеком в мире
• Появился язык программирования с операторами-смайликами
• Google позволит брендам и знаменитостям добавлять информацию о себе прямо в поисковую выдачу
• Разработан первый «живой» компьютер из белков
• Intel готовит свои очки дополненной реальности
• В Bing появилась интерактивная карта солнечной системы
• Новые проекты Mozilla для умного дома и сетевых потребительских устройств
• MWC 2016 как индикатор трендов
• Учебные курсы MIT теперь доступны для всех совершенно бесплатно
• Будущее за HTML5 или Прощай Flash!
• Одни! Как компьютерная модель поставила крест на поиске братьев по разуму
• «Самый интересный из всех скучных людей»: Как Марк Цукерберг стал эталоном саморазвития
• Кого считают своими наставниками Билл Гейтс, Джефф Безос, Марк Цукерберг и другие предприниматели

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

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

Автор: Zfort Group

Источник