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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Responsive Image Breakpoints Generator, новый онлайн-инструмент, облегчающий работу с адаптивными изображениями
• Представление Security Panel в DevTools
• Проблема с Chromium WebViews
• Jake Archibald: 2016 — год веб-потоков (2016 — the year of web streams)
• Альтернативы закрывающемуся сервису Parse (Parse alternatives)
• Зовите меня E-schmail: укрощение чудовища, имя которому HTML Email (Call Me E-schmail: Conquering the Beast that is HTML Email)
• Поддержка атрибутов HTML5 hidden и aria-hidden в 2016-м (The state of hidden content support in 2016)
• Разбор веб-анимации на топ 30 сайтов с Awwwards.com (Web Animation Trends: 31 Top Websites Deconstructed)
• Урок по созданию Pull Request (Pull Request Tutorial)
• Когда вы знаете основы, но все еще не можете кодить (When You Know the Basics, but You Still Can’t Code)
• Согласование процесса работы с фронтендерами (Aligning your Front End Process)
• Новая функциональность в CodePen — JS Console
• Создание простой оффлайн-страницы с помощью Service Workers (Create a really, really simple offline page using Service Workers)
• Урок от Sara Soueidan по созданию анимированного SVG-баннера c помощью GSAP (Supercharge SVG animations with GSAP)
• A Gulp-Based External SVG Symbol Sprite Icon System от Una Kravets
• Три плагина, которые стоит включать в каждую конфигурацию Grunt и Gulp (3 Plugins Every Gruntfile & Gulpfile Needs)
• Неофициальный генератор кода для вставки информационного виджета с данными CanIUse (The (Unofficial) CanIUse Embed)
• Производительный веб:
  
  • Конструктор бюджета проиводительного веб-приложения от Brad Frost (Performance Budget Builder)
  • Эксперты по веб-производительности делятся советами и ошибками (Web Performance: 20+ Experts Share Their Advice and Mistakes)
  • 18 советов по оптимизации производительности сайтов (18 Tips for Website Performance Optimization)

• Эффектный веб
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #22
  • Elastic Circle Slideshow
  • Создание загрузочных кнорок с помощью SVG и Segment

CSS

• Минимально необходимые шрифты. Перевод статьи CRITICAL WEB FONTS сообществом css-live.ru
• Переменные как основа архитектуры CSS при работе с препроцессорами. Перевод статьи Variables: The Backbone Of CSS Architecture на Прогрессоре
• Очень простое руководство по CSS3-анимациям от frontender.info
• voxel.css — легкая библиотека для рендера трехмерных объектов с помощью CSS (GPU acceleration / CSS3 transitions) (A lightweight 3D CSS voxel library)
• Структура в стиле masonry на чистом CSS (Pure CSS masonry layouts )
• Расширяем Sass c помощью PostCSS (Extending Sass with PostCSS)
• О правиле import в CSS
• Объяснение нового свойства display: contents c примерами кода (Vanishing boxes with display contents)
• Рефакторинг CSS без потери вашего клиента или разума (Refactoring CSS Without Losing Your Client Or Your Mind)
• Использование современного CSS для создания адаптивной сетки с изображениями (Using Modern CSS to Build a Responsive Image Grid)
• CSS Font Features для WebKit
• Новый взгляд на паттерн Float Label, реализованный с помощью CSS (Revisiting the Float Label pattern with CSS)
• Пишем офигенный Sass с OOSass (Writing Kick-Ass Sass With OOSass)
• Bulma — очередной CSS-фреймворк, построенный на Flexbox (Bulma — a modern CSS framework based on Flexbox)
• Hint.css 2.0 — библиотека для добавления всплывающих подскахок
• Онлайн-книга Learn CSS Layout: the pedantic way

JavaScript

• Фреймворки:
  
  • Как бы выглядел ваш JS-фреймворк, если бы был кошкой? (Which cat is your JavaScript framework?)
  • Моя реакция на React (My Reaction to React)
  • React и экономика динамических веб-интерфейсов (React and the economics of dynamic web interfaces)
  • Девять вещей, которые должен знать каждый начинающий в React.js (9 things every React.js beginner should know)
  • Создание универсального приложения-блога на React: пошаговое руководство (Building a React Universal Blog App: A Step-by-Step Guide)
  • Создание приложения чата за 40 минут с React и Meteor (Building a live chat app in 40 minutes with React and Meteor)
  • Angular против React: пошаговое сравнение (Angular vs React: A Side-By-Side Comparison)
  • Angular JS 2.0 для революционной разработки UI/UX (Angular JS 2.0 to Revolutionize UI/UX Development)

• ES6:
  
  • Особенности ES2016 и ECMAScript как стандарта (ES2016 Features & ECMAScript as a Living Standard)
  • Простые примеры, помогающие лучше понять ES6 (Simple examples to help you understand ES6)
  • Создание ES6 Javascript для браузера с Gulp, Babel, и другими средствами (Building ES6 Javascript for the Browser with Gulp, Babel, and More)

• Хардкорный JS или мощь в 30-ти строках (Hardcore JavaScript or Power of 30 lines)
• Полное руководство по графикам в JavaScript (JavaScript charts: The definitive guide)
• Понимание трансдьюсеров в JS (Understanding Transducers in JavaScript)
• Чего ожидать от JS в 2016-м — улучшения языка (What to Expect from JavaScript in 2016 – Language Enhancements)
• Подборка из серии You Dont / Might Not Need …
• Чему мы можем научиться у jQuery, который симбиозом продвинул веб-платформу? (What can we learn from how jQuery symbiotically pushed the Web Platform forward?)
• Изучение нативных функций JS и как их использовать (Learning JavaScript Native Functions and How to Use Them)
• Сердце и душа прототипного OO: конкатенативное наследование (The Heart & Soul of Prototypal OO: Concatenative Inheritance)
• Почему все говорят об изоморфном/универсальном JavaScript и в чем его особенность (Why Everyone is Talking About Isomorphic / Universal JavaScript and Why it Matters)
• Презентация: Modern JavaScript: The Smalltalk Influence
• Движение в сторону промисов для гео-локации (Moving to Modularized Promises via Geolocation)
• Фильтрация и сортировка списка слов (Filtering and Sorting a List of Strings)
• Противоречивое состояние JavaScript инструментария (The Controversial State of JavaScript Tooling)
• Справочник по Babel — использование и создание плагинов (Babel Handbook)
• Библиотеки и архитектуры компонентов (Front-end Application Libraries and Component Architectures)
• Юнит тестирование вашего JS с Mocha и Chai (Unit Test Your JavaScript Using Mocha and Chai)
• Представление jCanvas: jQuery вместе с HTML5 Canvas (Introduction to jCanvas: jQuery Meets HTML5 Canvas)
• Плагины:
  
  • Коллекция плагинов и средств для создания всплывающих подсказок (73 Tooltip Plugins Made With jQuery, CSS, JavaScript or More!)
  • Loud links — библиотека для добавления звуков при взаимодействии с интерфейсом (Loud links — A simple tiny Javascript library to add interaction sounds to your website.)
  • Viewer.js — JavaScript просмотрщик изображений
  • trunc-html — обрезка html по заданному количеству символов (trunc-html — truncate html by text length)
  • vivus — библиотека для реализации SVG-анимаций (vivus, bringing your SVGs to life)
  • datedropper — jQuery-плагин для создания полей ввода даты (datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields)

Браузеры

• Релиз Firefox 44, детали для разработчиков
• Браузер Mozilla Firefox теперь поддерживает всплывающие уведомления от веб-сайтов
• Making the Firefox developer tools accessible
• Блокировщику рекламы Adblock Plus исполнилось 10 лет
• Веб Push нотификация реализована в Firefox 44 (Web Push Arrives in Firefox 44)
• Обзор V8 Релиз 4.9 (V8 Release 4.9)
• Chrome для iOS стал быстрее и стабильнее
• Material дизайн перебирается в Google Chrome, вот как он выглядит (Material Design is slowly coming to Google Chrome, here’s what it looks like)
• Microsoft Edge сохраняет историю просмотра страниц в режиме InPrivate
• Выпуск Tor Browser 5.5
• Oracle прекратит поставку браузерного Java-плагина

Дизайн

• Общие принципы в создании мобильных приложений для начинающего UX/UI-дизайнера
• Yahoo запустила новый дизайн главной страницы и приложения
• «ВКонтакте» показала версию редизайна
• Зависимость продвижения сайта от веб-дизайна
• Лучшие примеры кинетической типографики (Some Of The Best Kinetic Typography Examples)
• 5 анти-принципов хорошего дизайна (5 Anti-Principles of Good Design)
• Где разместить иконки в вашем аккордион-меню (Where to Place Your Accordion Menu Icons)
• Делая дизайн для мобильного приложения meed (Designing for mobile)
• Принципы простоты в дизайне (The Design Principles of Simplicity)
• Секреты веб-дизайна в стиле карточек
• Графические редакторы:
  
  • Что нового в Sketch 3.5? (What’s New in Sketch 3.5?)
  • Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров
  • PaintCode — управление исходниками Sketch
  • Sketch Image Average Color — плагин для получения среднего цвета изображения в Sketch
  • Серия уроков Sketch (часть 3 из 5): Дизайн десктоп версии
  • gb-sketch-segmentcircle — плагин к Sketch для создания сегментированных окружностей
  • Команда Macaw присоединяется к InVision (Macaw team joins InVision)

• Почему дизайнeры должны пересмотреть отношение к минималистическим веб-сайтам (Why Designers Should Reconsider ‘Minimalistic’ Websites)
• Наука о цветах и красках: психология цвета (CHROMANTICS: the psychology of color)
• Как Kimoji привлекает новых пользователей (How Kimoji Onboards New Users)
• Проблема с Dribbble (The Problem With Dribbble)
• Как сделать редизайн дайджеста рассылочного письма (How to Redesign an Email Digest)
• Будущее рядом: чертова дюжина предсказаний, относящихся к дизайну для 2017-го года (The Future Is Near: 13 Design Predictions for 2017)
• Пять модных (но бесполезных) веб-компонентов, которые нужно избегать (5 Fancy (But Useless) Web Components You Should Avoid)
• Я не умный, я просто дольше сижу здесь дольше тебя (I’m not smart, I just sat there for longer than you)
• Как ожидание пользователей сделать приятным (How to Make Your Users Enjoy Waiting)
• Пять инструментов о которых нужно знать веб-дизайнерам в 2016-м (5 need to know tools for all web designers in 2016)
• Как создать ретро-иллюстрацию в стиле 50-х в Adobe Illustrator (How to Create a 50s Fashion Illustration in Adobe Illustrator)
• Иконки в веб-дизайне (Icons In Web Design)

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

• Коллекция из 50 экранов регистрации для iPhone 6 в формате Sketch
• Бесплатные космические кисти для Adobe Photoshop
• Шаблоны для генерации иконок для Photoshop, Illustrator, Sketch и Affinity Designer (Bjango App Icon Templates)
• Наборы UI для iOS и Android (20 Free Mobile UI Kits for iOS & Android)
• Абстрактная сферическая графика в векторном формате (12 Free Abstract Sphere Graphics in Vector Format)
• Три десятка наборов UI элементов (30 Free UI Kit Elements)
• Набор векторных иконок посвященных интернету (Freebie: 36 Internet Icons Vectors)
• Набор контурных иконок посвященных науке (в форматах AI, EPS, PSD, SVG, PNG) (Freebie: Science Line Icons (AI, EPS, PSD, SVG, PNG))
• Наборы графики с изображениями жестов (Gesture Icons Inspiration and Free Packages)
• Иконки «Двенадцать месяцев» (PSD, AI, EPS, SVG, PNG) (Freebie: The Months Of The Year Icon Set (12 Icons PSD, AI, EPS, SVG, PNG))
• Иконки к Дню святого Валентина (30 Valentine Icons for Free)
• Набор векторных иконок: звездные войны и герои комиксов Marvel (Free Icon Set: Star Wars and Marvel Superheros)
• Шрифты с засечками для цифровых дизайнеров (40 Free Serif Fonts for Digital Designers)
• OVERPASS — шрифт без засечек созданный по мотивам шрифта Highway Gothic (OVERPASS — an open source webfont family inspired by Highway Gothic.)

Новости

• «Яндекс» обновил логотип и сменил домен новой версии «Кинопоиска»
• В 2015 году мировой рынок смартфонов составил 1,4 млрд устройств
• Создатель системы управления версиями Mercurial передаёт проект в руки сообщества
• Аналитики предсказывают бум смартфонов с датчиками силы прикосновения во втором квартале 2016 года
• Прибыль Microsoft упала на 15 %, продажи телефонов — на 50 %
• Google обновил Руководство для вебмастеров
• Facebook удвоил чистую прибыль в 2015 году
• VMware увольняет американские команды разработчиков Workstation и Fusion

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

• 26 сайтов с головоломками и обучающими задачами для разработчиков
• Мытари Ее Величества vs Google
• 7 качеств хорошего менеджера по версии главного рекрутера Facebook
• Спорт будущего: Drone Racing League устраивает зрелищные гонки дронов
• Главный инноватор: Чем сооснователь Google Ларри Пейдж занимается в холдинге Alphabet
• Twitter – всё?
• Информационная безопасность — Итоги 2015
• Мировой рынок e-commerce в огне: бывшие «единороги» умирают один за другим
• Молодые таланты больше не хотят работать в Apple — обзор The Guardian
• Разработки Microsoft опередившие своё время
• Как включить быстрый запуск системы на Windows 10
• Сколько Google заплатила за потерявшийся домен google.com
• Гаджеты: Топ-5 актуальных подарков на День святого Валентина
• Надежды на Bitcoin не сбылись?
• Форматы видео, поддерживаемые HTML5, доминируют в вебе (HTML5 Supported Formats Now Dominate Video Delivery On The Web)

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

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

ссылка на оригинал статьи https://habrahabr.ru/post/276285/