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

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

CSS

Javascript

Браузеры

Дизайн

Новости

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

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

• Релизы:
  
  • WordPress 4.4 «Clifford»: адаптивные изображения, Twenty Sixteen и многое другое
  • Node v5.2.0 (Stable)
  • Представление новых инструментов для разработки Polymer-компонентов (Introducing New Tools for Polymer Development)
  
  
• Боремся с BEM — 5 основных проблем, и как их избежать (Battling BEM – 5 common problems and how to avoid them)
• Почему AMP быстрый (Why AMP is fast)
• Анимация в отзывчивом дизайне (Animation in Responsive Design)
• Мастерство HTML5: Fragments, Tree Traversal, Constraint Validation
• Пишите чистый, а не мудрёный код (Writing Clear Code, Not Clever Code)
• Создаем Custom Yeoman Generator за 4 простых шага
• Почему производительность имеет значение, часть 3: толерантное управление (Why Performance Matters, Part 3: Tolerance Management)
• Бесплатный курс: выпускаем продукт с WebRTC (Free Course: Go Live With WebRTC)
• SVG:
  
  • Как я использую SVG-спрайты
  • Elegant Outlines with SVG paint-order
  • Как работать со свойствами отступов текста в SVG (How To Work With The SVG Text Spacing Properties)
  • Интерактивные географические карты с SVG и JavaScript (Interactive Geographical Map with SVG and JavaScript)
  • Полифил для SVG-спрайтов (IE9+) (SVG Icon Sprite Polyfill)
  
  
• Эффектный веб:
  
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #16
  • Анимированные внутренности куба на чистом CSS
  • Крутящиеся локсодромии (Coiling loxodromes)
  • Фрактальные механизмы
  
  

CSS

• Шрифты в вебе: переносы, рендеринг и дополнительные настройки
• Режимы и состояния в SCSS
• Режимы наложения в CSS: теория цвета и практическое применение (Blending Modes in CSS: Color Theory and Practical Application)
• Роль сеточных систем в фронт-енд сборках, базирующихся на компонентах (The role of grid systems in component-based front-end builds)
• Что я выучил за неделю с CSS Shapes
• Построение двенадцатиколоночного лейаута с помощью flexbox (Crafting Twelve-Column Layouts with Flexbox)
• The vertical-align Property
• Utility OpenType — набор CSS утилит для продвинутой настройки типографики
• Avalanche — мощная адаптивная CSS грид-система с BEM-синтаксисом на Sass
• Intrinsic Placeholders с элементом Picture
• Почему я в восторге от нативных CSS-переменных (Why I'm Excited About Native CSS Variables)
• “Появление резкости” техника для загрузки фоновых изображений (The “Blur Up” Technique for Loading Background Images)
• Украшаем веб с CSS Border Images (Decorating the Web with CSS Border Images)
• Использование много-шаговой анимации и переходов (Using Multi-Step Animations and Transitions)
• Введение в PostCSS (An Introduction To PostCSS)
• Стереоскопические CSS (Stereoscopic CSS)
• Интуитивные интерфейсы с прокруткой с CSS Scroll Snap Points (Intuitive Scrolling Interfaces with CSS Scroll Snap Points)
• Анимация twitter-сердца на чистом CSS (Twitter’s Heart Animation in Full CSS)
• Benjamin De Cock — Lets move! Профессионально о CSS-анимации (Benjamin De Cock — Lets move!)

JavaScript

• ES6:
  
  • Загрузка модулей ES2015 с помощью комбинированного сервиса (Loading ES2015 modules using combo service)
  • ES6: генераторы изнутри
  • Babel 6: конфигурация стандартной библиотеки ES6 и хелперов (Babel 6: configuring ES6 standard library and helpers)
  
  
• Фреймворки:
  
  • Использование React — это бизнес решение, а не выбор технологии (Using React is a Business Decision, Not a Technology Choice)
  • Предваряющее руководство для начинающих по AngularJS 2 (The Beginner’s Preemptive Guide To AngularJS 2)
  • Создание приложения «список дел» с Angular 2.0 (Building a todo list application with Angular 2.0)
  • Создание мобильных приложений с Angular 2 и NativeScript (Building Mobile Apps with Angular 2 and NativeScript)
  • Angular-trix — директива для создания WYSIWIG текстового rich-редактора
  
  
• Как организовать выполнение фоновых задач в JavaScript
• Вам не нужен jQuery (You Dont Need jQuery)
• Несколько десятков видео с конференции KharkivJS
• Топовые JS разработчики 2015-го, за которыми можно следить (2015's Top JavaScript Devs To Follow)
• Результаты большого опросника JavaScript-разработчиков (JavaScript Developer Survey Results)
• Создание WI-FI панели с использованием Node.js и Ractive.js (How to Build a WI-FI Dashboard Using Node.js and Ractive.js)
• Замечания о свойствах промисов (Observations on Promises)
• Парсинг RSS-лент в JavaScript – Options (Parsing RSS Feeds in JavaScript – Options)
• Emscripten и WebAssembly (Emscripten and WebAssembly)
• Делаем достуность проще с Ally.js (Making Accessibility Simpler, With Ally.js)
• d3.compose — композиции из компонентов на d3. (Compose complex, data-driven visualizations from reusable charts and components with d3.)

Браузеры

• Mozilla выпустила мобильное приложение Focus by Firefox для блокирования нежелательного контента в Safari на iOS9
• Microsoft засветила расширения для Microsoft Edge
• На 2016 год запланировано задействование в Firefox кода на языке Rust и движка Servo
• Названы ТОП-12 расширений 2015 года для браузера Firefox
• Mozilla прекращает разработку смартфонов с Firefox OS
• Сервис Pocket добавлен в Firefox в результате коммерческого соглашения
• СМИ: Microsoft готовит первые расширения для Edge
• Выпуск браузера Opera 34
• Отладка HTML5 в Microsoft Edge для Xbox One (Debugging Your HTML5 in Microsoft Edge for Xbox One)

Дизайн

• 12 лучших инструментов для работы с цветом
• Новинки в веб-дизайне сайтов электронной коммерции. Часть 1
• Самое подробное руководство по дизайну в Sketch
• Как создать библиотеку паттернов в Sketch
• Секреты дизайна и предпросмотра иконок в Sketch
• Drake Generator для Sketch — генератор плейсхолдеров и текстов
• Веб-дизайн, основанный на типографике
• Как сделать классный фон для демонстрации продукта в Photoshop
• Реалистичные блики линзы в Adobe Illustrator
• Представление Pixate Studio 2.0
• Основы хорошего UX (The Fundamentals of Good UX)
• Дизайн, белая ложь и этика (Design, White Lies & Ethics)
• Brain Hacks: Использование психологии в веб-дизайне
• Переписка только начинается (Messaging is just getting started)
• Концепт для Snapchat (Snapchat Tag: A Feature Concept for Snapchat)
• Что произошло с дизайном от Apple? (What happened to Apple design?)
• Приложение Pancake?—? приключение на пути к дизайну (Pancake?—?The design adventure)
• Прототипирование игры «Секрет Гитлера» (Prototyping Secret Hitler)
• Как сделать сложные нелинейные анимации в Atomic.io (How to Handle Complex Animations with Ease in Atomic.io)
• Вдохновляющий веб-дизайн: Merry Quizmas (Web Design Inspiration: Merry Quizmas)
• Секреты эффективного карточного дизайна (The secrets to effective card-based design)
• Как понять, что уже время нанять a веб-дизайнeра (How to Know When It’s Time to Hire a Web Designer)
• Photoshop за 60 секунд: Использование планшетов, воспринимающих нажатие (Photoshop in 60 Seconds: Using a Pressure-Sensitive Tablet)
• Как создать иконку с планом дома в Adobe Illustrator-е (How to Create a House Mock-Up Icon in Adobe Illustrator)

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

• Бесплатные новогодние фоны
• Бесплатные тонкие контурные иконки
• Бесплатная новогодняя типографика
• Графика в PSD формате (Free Download: 100 Free PSD and HTML Resources)
• Более сотни наборов UI (130+ Best Free UI Kits)
• Набор UI Spicy Treats (Free Spicy Treats UI Kit)
• Около сотни контурных иконок (Free Download: 90 Free Line Icons)
• Набор контурных иконок (450+ Simple Oultine Icons)
• Набор стильных анимированных иконок от Animaticons (Free download: 20 animated icons from Animaticons)
• Набор иконок в стиле Material-дизайн (Material Design Style)
• Набор SVG иконок (Ready to use SVG icons for the web.)
• Butler — шрифт с засечками
• Коллекция шрифтов (Collection of Free Fonts and Typefaces)

Новости

• В Google Календаре появились напоминания
• Mozilla объявила о закрытии проекта смартфонов на Firefox OS
• Dropbox закрывает свои приложения Mailbox и Carousel
• AMP-страницы могут получить преимущество в ранжировании Google
• Airbnb отняла у Google титул лучшего работодателя США
• Microsoft и Linux Foundation объявили о партнерстве
• Представлены проекты, получившие первые гранты от Mozilla
• Средний возраст современного киберпреступника снизился до 17 лет
• В доме возможного создателя Bitcoin прошли обыски
• YouTube назвал самые популярные видео года
• Apple остановила работу над интернет-ТВ сервисом
• «Твиттер» подвел итоги 2015 года, объявив его годом эмоджи
• Видео в разрешении 4K в Vimeo стали доступны всем пользователям

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

• Twitter. Итоги 2015 года
• Dreamhack по-русски, Fragbite по-шведски и трансферы по-дотерски: дайджест новостей киберспорта минувшей недели
• Как тролли издеваются над СМИ и некротуристами
• Как с помощью соцсетей мёртвые живут среди нас
• Рейтинг языков программирования по уязвимости: PHP в «лидерах», JavaScript — самый безопасный
• Кремниевый конструктор эпохи умных машин
• Запуски года
• Naviator – дрон, умеющий летать и плавать
• 10 главных роликов с YouTube за 2015 год
• Игры, которые учат программированию
• Никогда не учили, как писать код? Начните здесь

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

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