Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и 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
Автор: alexzfort
