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

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

CSS

Javascript

Браузеры

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

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

• Подкаст Веб-стандарты, Выпуск №21 : Отчёт с PiterCSS, Google Fonts и шрифты, CSS в Фейсбуке, нюансы флексов, ретина, кнопки или ссылки, Apple Pay в Safari.
• Подкаст radiojs, выпуск 40: Ужасы нашего CSS. В гостях Олег Слободской – автор JSS, докладчик React Amsterdam и крестный отец CSS Modules
• HTML5.0 уходит в прошлое
• Google запустил инструмент проверки корректности кода AMP-страниц
• Как стать профессиональным веб-разработчиком: практическое руководство
• Позвольте представить, Shadow DOM API на основе слотов
• Нельзя так просто взять и научиться писать код. Перевод статьи One does not simply learn to code Куинси Ларсона.
• Что ожидать от собеседования на должность HMTL-Верстальщик/Junior frontend программист.
• Валидация форм на HTML и CSS. Перевод статьи Form Validation UX in HTML and CSS Криса Койера.
• Запись конференции Web Standards Days, прошедшей в Екатеринбурге 25 июня
• Frontend United 2016 — Ghent, 17 видео
• Progressive Web App Summit 2016, 35 видео
• Курс из 16-ти уроков по использованию Webpack для разработки приложений на JS (Browse the Using Webpack for Production JavaScript Applications course)
• Обзор мета-тегов для использования возможностей социальных медиа (The Essential Meta Tags for Social Media)
• Что я узнал, анализируя 1.65м Node.js модулей в NPM (What I learned from analysing 1.65M versions of Node.js modules in NPM)
• Обработка фоллбек-ресурсов с помощью Service Workers (Service Workers at Scale, Part II: Handling Fallback Resources)
• Повышение продуктивности с помощью таск раннеров (How To Harness The Machines: Being Productive With Task Runners)
• Внедрение AMP для повышения скорости загрузки страниц (Implementing AMP to Boost Your Page Loading Times)
• Все, что я должен знать о тэге Script (Everything I Know About The Script Tag)
• Начало работы со статическими сайтами (Getting Started with Static Sites)
• Запуск npm скриптов в git pre-commit хуке (Run npm scripts in a git pre-commit Hook)
• Эффектные веб:
  
  • Симпатичные эффекты для визуализации данных с помощью прилипающего эффекта (More fun data visualizations with the gooey effect)
  • CSS LCD Text Effect
  • Эффектная визуализация экспериментов компьютерных вычислений (Beautiful Programming)
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #43
  
  

CSS

• Магия CSS. Глава 5. Типографика. Типографика?—?это сложно
• Как хорошо вы знаете свойство display в CSS? (How well do you know CSS display?)
• Don’t Overthink It (Flexbox) Grids
• Самые большие ошибки в CSS и как их избегать (The biggest CSS mistakes and how to avoid them)
• Улучшаем качество фронтенд-проектов, автоматически. Часть 2 — CSS и Sass (Improving the Quality of Front End Projects, Automatically! Pt. 2 – CSS and Sass)
• Включаем грядущие свойства CSS с помощью PostCSS (Enabling Upcoming CSS Features with PostCSS)
• Повышаем уровень CSS (Leveling up in CSS)
• Советы по кросс-браузерному CSS-коду (The Cross Browser CSS Styling Tips You Need to Know)
• Справочник по веб-типографике (Typography Handbook)
• Редактор объемных карт на чистом CSS (Full CSS Map creator)

JavaScript

• Два столпа JavaScript, Часть 2: функциональное программирование
• 15 советов по написанию самодокументируемого JavaScript
• 12 книг, которые должен прочесть каждый JavaScript разработчик (12 Books Every JavaScript Developer Should Read)
• Как построить нейрон: изучаем ИИ в Javascript (How to Build a Neuron: Exploring AI in JavaScript Pt 1)
• Объяснение JSONP в jQuery на примерах (jQuery’s JSONP Explained with Examples)
• Начинаем работать с JavaScript Robotics (Getting Started with JavaScript Robotics)
• Быстрый совет по определению вашей локации с помощью Javascript (Quick Tip: Detecting Your Location With JavaScript)
• 6 способов объявления функций в JavaScript (Six ways to declare JavaScript functions)
• Введение в TypeScript: статическая типизация для веба (An Introduction to TypeScript: Static Typing for the Web)
• Javascript JIT баг в V8 (Javascript developers, be warned about this crazy JIT bug in V8!)
• Отладка Node.js Nightly с Chrome DevTools (Debugging Node.js Nightlies with Chrome DevTools)
• flatpickr — легкий и мощный плагин для выбора даты (flatpickr — a lightweight & powerful datetimepicker)
• Фреймворки:
  
  • Введение в React Horizon
  • Жизненный цикл React-компонентов (React component’s lifecycle)
  • Aurelia vs AngularJS 1.x — сравнение свойств и возможностей
  • Интеграция React с Backbone (Integrating React With Backbone)
  • Начинаем работать с React (Getting Started With React)
  • Скринкаст: создание React и Webpack проекта (Screencast: Creating a React and Webpack Project)
  • react-enroute — небольшой более простой аналог react-router
  • Представление Nova: нового подхода к организации back-end-а для React-приложений (Introducing Nova: a new kind of back-end for React apps)
  • Оглядываясь на React Europe (A Look Back at React Europe)
  • Релиз Aurelia RC (The Aurelia Release Candidate is Here!!!)
  • Взлетит ли Angular 2? (Will Angular 2 Take Off?)
  • Клон Trello с Angular Dragula (Trello Clone with Angular Dragula)
  
  

Браузеры

• Opera утверждает, что ее браузер ощутимо превосходит Microsoft Edge по энергоэффективности
• Обновления производительности JavaScript в Microsoft Edge и Chakra
• Обновления производительности JavaScript в Microsoft Edge и Chakra (JavaScript performance updates in Microsoft Edge and Chakra)
• Войны производительности JS в браузерах (On JavaScript Performance Wars)
• Как остановить эту мельтешащую анимацию в вашем браузере

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

• Google упростила двухфакторную аутентификацию
• Почему Prisma — это российский Pied Piper из «Кремниевой долины»
• Призма Моисеенкова: Как устроен проект Prisma и сможет ли он повторить успех MSQRD
• Малоизвестный Facebook: какими сервисами для бизнеса, разработки и безопасности располагает компания
• Форрест Гамп интернета: как основатель Medium и Twitter Эван Уильямс борется за открытый веб
• Новый робот Boston Dynamics — SpotMini: сам встанет, подаст тебе пиво, уберет со стола
• 7 глобальных SEO-трендов, с которыми столкнётся e-commerce в 2016 году
• Роковой рекурсивный вызов и фейковая децентрализация
• Легендарный Гарвардский курс CS50 на русском
• Сооснователь Google Сергей Брин порекомендовал стартаперам не открывать бизнес в Кремниевой долине
• Замена Flash на HTML5 не поможет сделать рекламу безопаснее
• Мошенники создают поддельные компании, чтобы получить адрес IPv4
• Проект Mozilla распределил 385 тысяч долларов между значимыми открытыми проектами
• Facebook представил новые рекламные форматы
• Четверть россиян заклеивают веб-камеру ноутбука
• Fuck, I’m old: 20 лет Quake

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

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