Главная » Дайджест » Дайджест свежих материалов из мира фронтенда за последнюю неделю №318 (4 — 10 июня 2018)

Дайджест свежих материалов из мира фронтенда за последнюю неделю №318 (4 — 10 июня 2018)

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

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

Медиа

podcast Подкаст «Frontend Weekend» #56 – Дмитрий Карловский о создании $mol или как написать свой нишевый фреймворк
podcast Подкаст «devschacht»: Ночной фронтенд #36 — Обсуждаем с Николаем Матвиенко выступление Райана Дала на JSConf EU 2018
podcast Подкаст «Фронтенд Юность (18+)» #51 Dan Abramov Package Manager
video «ALL YOUR HTML» #52: «Параллакс на шейдере с сайта antoni.de»
videoКолхозный Фронтенд. Песня, которая не оставит равнодушными современных веб-разработчиков

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

enGoogle Fonts и GDPR compliance
enНовое в AMP: Q2, 2018 Edition
enWCAG 2.1 получил официальный статус “W3C Recommendation”
enИнклюзивные компоненты: подробное руководство по созданию доступных карточек

  • Производительность:
    enЧто такое Time to First Byte (TTFB) и Speed Index?
    enВоспитание культуры веб-производительности
    en15+ экспертов делятся советами по веб-производительности на 2018й год
    enGoogle AMP и проблема ожирения сайтов
    enСерия статей «Test My Site», часть 1 – Инструментарий Google и Google Speed Update

  • Tools:
    habrJSFiddle — новая версия
    enJSUI — мощный UI инструмент для организации, создания и управления JS проектами
    en8 советов по Emmet, о которых вы, возможно, не знали
    enGoogle Font Downloader — CLI инструмент, позволяющий скачать нужный шрифт с Google
    enYarn import теперь использует package-lock.json

  • Эффекты:
    • Еженедельная подборка красивых эффектов на CSS/SVG/JS #79
    enЭффект коллапсинга логотипа
    enАнимация изображений и видео с помощью curtains.js

CSS

enКак начать работать с вариативными шрифтами в вебе
enSide-channel атака на браузеры с помощью CSS3 свойства
enУпрощение реализации сторителинга на страницах с помощью position sticky
enИсследование новых граней CSS анимации
enВоссоздание ID карточек Мстителей на HTML и CSS
enПовышение вашего уровня владения CSS селекторами
enКомбинация мощностей методологий SEM и BIO для улучшения CSS
enСпецифичность в :not(), :has() и :matches()

JavaScript

habrМониторинг JavaScript-ошибок с помощью window.onerror
habrПолезные методы массивов и объектов в JavaScript
• Обзор некоторых JavaScript объектов, имеющих инкапсуляцию
enСъест ли JavaScript монолитные CMS?
enПриоритеты для диагностики сайтов на JavaScript
enОтладка JavaScript на продакшене с помощью Source Maps
enСоздание SPA без фреймворка
enПрезентация Luna — инструмент для правильного тестирования в JavaScript
enРелиз Meteor 1.7 и вечнозелёная мечта

  • Теория:
    enБыстрое введение в JavaScript Proxies
    enЧто такое “this” в JavaScript?
    enКогда (и зачем) вы должны использовать стрелочные функции ES6 — и когда вам не стоит это делать

  • VueVueJS:
    habrПеренос веб-приложения с чистого JavaScript на Vue.js
    • Узнайте, как использовать Vue.js CLI
    enЗамена jQuery на Vue
    enУскоряем разработку с помощью прототипирования и Vue
    enНумерация страниц на Vuejs
    enКанбан доска в реальном времени с помощью Vue.js и Hamoni Sync

  • ReactReact:
    habrГод, проведённый с React: выводы и рекомендации
    habrКомпоненты высшего порядка с использованием Recompose
    en5 общих практик, которые мы можете перестать делать в React
    enReact — это не новый JQuery
    enКак (и как НЕ) учить REACT?
    enПодробное руководство по React Material
    enJest, React и Preact!

  • AngularAngular:
    habrAngular cli 6: зачем нужен и как использовать
    en3 полезных совета для Angular
    enАрхитектура в проектах на Angular
    enПреимущества нормализации получаемых данных в Angular

  • Libs & Plugins:
    enMapKit JS от Apple — инструмент, позволяющий вставлять в сайт Apple Maps.
    en11 JS библиотек для анимации в 2018
    enShort and Sweet, доступный счетчик символов
    enLuminJS — JavaScript библиотека для прогрессивного выделения любого текста на странице

Браузеры

habrЗапущен проект Fusion по слиянию Tor Browser и Firefox
• Google представила Chrome 68 Beta
• В Firefox тестируется возможность одновременного просмотра разных вкладок
• Доля Firefox опустилась ниже 10% по статистике сервиса Net Applications
• В «Яндекс.Браузере» появился режим экономии энергии

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

habrGitHub теперь официально принадлежит Microsoft
• Новый глава GitHub рассказал, чего ждать после слияния с Microsoft
• Шесть альтернатив GitHub для совместной разработки
• Google: блокировка страницы в robots.txt может не сработать, если на неё есть ссылки
• Google опубликовала правила использования искусственного интеллекта
• Вкратце: о чём Apple рассказала на открытии WWDC 2018
• Как основатели WhatsApp поссорились с Facebook и сколько это стоило
• Facebook обязала разработчиков использовать HTTPS в Facebook Login


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

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


Оставить комментарий

Ваш email нигде не будет показан
Обязательные для заполнения поля помечены *

*

x

Ещё Hi-Tech Интересное!

[Подборка] Разработка, дизайн и продвижение сайтов: 17 полезных материалов

Создать качественный сайт, который привлечет пользователей продуманным интерфейсом и красивым дизайном – непростая задача, с которой не справляется огромное количество компаний. Я собрала полезные ссылки, которые помогут пройти этот путь и не совершить необязательные ошибки. Выбор: самостоятельная разработка, студии, фрилансеры ...

[Из песочницы] «Референтная модель BIAN» для банковской индустрии или как перестать изобретать велосипед

Так как я заметил, что ты, Цезарь, уже много построил и продолжаешь строительство, я разработал определенные правила, чтобы ты сам смог оценить качество как уже существующих, так и будущих зданий. Витрувий, архитектор времен Римской империи Успешность и стабильность развития любого ...