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

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

• Динамическое обновление веб-страницы
• TARS, сделай уровень frontend-рутины 0%
• Что такое хорошо: как мы разрабатывали критерии для оценки качества вёрстки веб-проектов (HTML Academy)
• Хватит разрушать веб
• Крис Койер делится стратегиями, чтобы быть чемпионами в веб-производительности (перевод css-live.ru)
• Искусство Node
• Подкаст SDCast #22: в гостях руководитель разработки frontend Mail.ru, Андрей Сумин
• Основы клиентского кэширования понятными словами и на примерах. Last-modified, Etag, Expired, Cache-control: max-age и другие заголовки
• Image Formats: The Nerdy Parts. Слайды с объяснением форматов изображений
• Создание анимированного «ныряющего индикатора загрузки» с помощью SVG и GSAP (Creating a “Jump Loader” Animation with SVG and GSAP )
• Мобильное SEO: 6 шагов к мобильно-дружественному сайту (Mobile SEO: 6 Steps to a Mobile-Friendly Website)
• Продвинутый аудит производительности с помощью DevTools (Advanced Performance Audits With DevTools)
• Командная строка в веб-дизайне: Live Reload & BrowserSync, автоматизация с Gulp, автоматизация с Grunt

CSS

• Потрясающая отзывчивая вёрстка с использованием CSS-областей
• Маскирование в CSS
• 8 правил для улучшения вашего CSS
• Primer — CSS инструментарий и наборы решений, которые используются на GitHub. (The CSS toolkit and guidelines that power GitHub)
• Советы по написанию чистого CSS (Writing and refactoring for clean CSS)
• Поддержка доступности генерируемого CSS контента (Accessibility support for CSS generated content)
• Как сохранить разработку фреймворка простой и безошибочной (How To Keep Framework Development Simple And Bug-Free)
• BEM Constructor — Sass-библиотека для создания неизменяемых CSS-объектов в стиле BEM (A Sass library for building immutable and namespaced BEM-style CSS objects)
• Введение в CSS переменные (Introduction to CSS Variables)
• SVG Animations Using CSS and Snap.svg
• Численные поля ввода — сравнение значений по умолчанию в браузерах (Numeric Inputs – A Comparison of Browser Defaults)
• Понимание блочной модели CSS для строчных элементов (Understanding the CSS box model for inline elements)
• CSS3 Border-Image Explained
• Строгий контроль отзывчивой типографики (Precise control over responsive typography)
• CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt
• Эстетический Sass: архитектура и организация стилей (Aesthetic Sass 1: Architecture and Style Organization)
• Коллекция сниппетов для анимации и демками на чистом (CSS A Collection of Pure CSS Animation Snippets & Demos)
• Beyond Media Queries — It’s Time to Get Elemental
• Детальная статья, разбирающая нюансы позиционирования фона в CSS (A Primer To Background Positioning In CSS)
• Mappy Breakpoints — миксин для бейкпоинтов, которые используют Sass Maps
• Отключаем выделение текста с помощью CSS (Disable Text Selection with CSS)

JavaScripts

• Подкаст RadioJs, Выпуск №20: Инженер или Entwickler
• Facebook представил фреймворк React Native и среду разработки Nuclide
• API для интернационализации JavaScript: реализация в Firefox
• Еще одна статья про индексацию ajax-сайтов поисковиками
• Базовый набор знаний для фронт-енд (js) разработчика в 2015-м (A Baseline for Front-End [JS] Developers: 2015)
• Создание кастомного контекстного меню с помощью JS (Building a Custom Right-Click (Context) Menu with JavaScript)
• Простое наследование с помощью JS (Simple Inheritance with JavaScript)
• JointJS — современная HTML5 JS библиотека для построения интерактивных диаграмм и графиков (a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs)
• Five to Six — список инструментов для работы с ECMAScript 6 от Addy Osmani
• 13 факторов, которые стоит рассмотреть при выборе JS библиотеки с графиками (13 Factors to Consider While Choosing a JavaScript Charting Library)
• Что вы имеете в виду по «Шейдерами»? Как создать их с помощью HTML5 и WebGL (What Do You Mean by “Shaders”? How to Create Them with HTML5 and WebGL)
• Родное поведение плавной прокрутки (Native Smooth Scroll behavior)
• Обновление в Chrome DevTools: В Хром была добавлена функция отображения переменных инлайн во время дебага (вместо необходимости наводить на них, чтобы узнать значение, либо смотреть в боковой панели)
• Еще одно обновление в DevTools: Record Filmstrip in Network Panel
• Responsible.js — плагин, предлагающий посетителю сайта выбрать, какую версию он предпочитает видеть — мобильную или десктопную
• Svidget.js: Build and deploy SVG widgets
• Создаем табы с стиле Chrome на Bootstrap и AngularJS
• WebRTC in Firefox 38: Multistream and renegotiation

Браузеры

• 15 советов и хитростей инструментов разработчика Chrome, которые вы обязаны знать
• Яндекс.Браузер: интерфейс будущего теперь в бете
• Прощай, Internet Explorer: краткая история браузера от Microsoft
• Google незаметно сделала доступным режим экономии трафика в Chrome для ПК

Сайты с интересным дизайном и функциональностью

• Дизайнер запустил сайт с короткими GIF-курсами по маркетингу, веб-дизайну и программированию
• 1000.chromeexperiments.com
• mirumagency.com — вертикальный сайт с фоновым видео и анимацией
• Gyroscope — сайт с крутейшими анимационными эффектами
• bellbros.com — сайт с необычным скролл-эффектом и раздваивающимся чуваком
• Качественная графика и параллакс-эффект
• italic-studio.com — сайт с нестандартной траекторией скроллинга и эффектами

Дизайн

• Что раздражает дизайнеров в интерфейсах
• Дизайнер выбрал непонятные иконки в интерфейсах
• 3 способа, чтобы преодолеть разрыв между веб-дизайнером и разработчиком (3 ways to bridge the gap between web designers and developers)
• Топ 5 игр для дизайнеров
• 5 правил для визуального направления в дизайне взаимодействия (5 rules for visual direction in interaction design)
• Шпаргалка по типографике
• My Thoughts on Designing in the Browser vs. Designing in Photoshop
• 5 эффективных техник для графических дизайнеров
• Принципы анимации в вебе
• Винтаж возвращается в тренд: лучшие сайты с ретро-дизайном (Vintage is Back in Trend: Best Retro Website Designs)
• Еще один тренд: разделенные по центру лейауты
• Лучшая иконка — это текстовая метка (The best icon is a text label)
• Новые шрифты, созданные в 2015-м

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

• История Google Maps
• Microsoft и Samsung объединяются в альянс против Google
• Microsoft хочет привязать оборудование к Windows 10: использование UEFI Secure Boot будет обязательным
• Западные IT-корпорации против слежки АНБ
• Началось тестирование браузерной версии Skype
• DARPA разрабатывает альтернативу GPS
• Часы Pebble Time стали абсолютным рекордсменом краудфандинга
• Биохакеры провели первую инъекцию ночного зрения

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

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