Дайджест свежих материалов из мира фронтенда за последнюю неделю №327 (13 — 19 августа 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
•
•
•
•
•
•
•
Веб-разработка
•
•
•
•
•
•
•
-
Производительность:
•18 советов о том, как ускорить WordPress
•Friday Frontend: Client Side Performance Edition
-
Анимация:
•Foot tap loader | SVG + GreenSock
•Chromatic aberration effect
•Прокрутка сайта эффектом отскока
CSS
•
•
• Стандарт для нестандартного
• Первый публичный черновик модуля величин и единиц CSS 4 уровня
•
•
•
•
•
-
Практика:
•Простой интерактивный круговой график с помощью CSS Variables и магии Гудини
•CSS Scroll Snapping на практике
•Создание морского боя на CSS
-
Лейауты:
•Простой и отзывчивый современный шаблон на CSS Grid Layout
•Экспериментальные раскладки с помощью CSS Shapes и clip-path
•Редизайн сайта с использованием CSS Grid раскладки
•Все что вам нужно знать о выравнивании в Flexbox
JavaScript
•
•
•
-
Подкасты:
•JSJ 326: Разговор с создателем Ember Томом Дейлом об Ember 3.0 и будущем Ember
•«JavaScript & SEO», подкаст The Web Platform, выпуск #168
•«REST easy, GraphQL is here», подкаст JS Party – Episode #38. Ведущие разговаривают с John Resig (создателем jQuery) о том, как он использует GraphQL в Khan Academy, а также о мыслях Джона о настоящем и будущем jQuery
-
Теория:
• Задачки с собеседований. Сборник решений — Fun ES #5: для нердов, Fun ES #6: перевернуть число
•Разбор паттерна «Модуль» в JavaScript
•Иван Тулуп: асинхронщина в JS под капотом
•Основы движка JavaScript: оптимизация прототипов
-
Angular:
•Исследование Ivy — нового компилятора Angular
• Начните работу с Angular Grid за 5 минут
• Команда Angular выпустила инструменты, упрощающие переход с AngularJS на Angular
•Angular 7 грядёт
•Отладка приложений Angular CLI в Visual Studio Code
•10 наиболее полезных свойств Angular, о которых вы, возможно, не слышали
•Как Angular CLI Budgets спасли мой день, и как он может спасти ваш
-
VueJS:
•Vuex: структурирование больших проектов и работа с модулями
• Паттерны Vue. Полезные паттерны, методы, советы и рекомендации, а также тщательно подобранный список ссылок по Vue. Если вам нравится перевод, то поставьте лайк-звездочку репозиторию перевода
•Три причины использовать Vue.js в вашем следующем проекте
•Как я создал расширение для браузера на Vue: Часть 1, Часть 2
-
React:
• Практический React: управляем рендерингом — производительность
•Работа с refs в React
•Как вы можете распланировать три дня наперед с помощью React
•Простая интернационализация приложений на React
-
Libs & Plugins:
•Tone.js — фреймворк для создания интерактивной музыки в браузере с помощью Web Audio API
•from-html — получи ссылку на элемент прямо из строки HTML
•TheoremJS — математическая библиотека для вычислений в JavaScript
Браузеры
•
• Инженеры Mozilla удалили 23 аддона для Firefox, собиравших информацию о пользователях
• Вышла Opera 55: новый интерфейс настроек и упрощенная установка расширений Chrome
•
Занимательное
• Новая система ИИ DeepMind способна диагностировать и назначить лечение по более чем 50 заболеваниям глаз
• «Мы здесь власть». Как «Двач» спасает и калечит чужие жизни
• Как Amazon создает из Twitch конкурента YouTube
• Три десятилетия «Меча и Магии»: разбираемся в истории легендарной франшизы
• Искусственный интеллект в действии
• Реально ли создать супер-язык программирования — отвечают эксперты
• «Не понравится — выращу новую руку»: дизайнер протезов о выращивании конечностей и киберпанке в России
• В процессорах Intel обнаружен новый набор уязвимостей класса Spectre: Foreshadow или L1TF
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin