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

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

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

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

Медиа

podcast Подкаст «Frontend Weekend» #50 – Алексей Симоненко об истории создания HTML Academy и особенностях pitercss_conf
podcast Подкаст CSSSR: Новости 512 — Выпуск №3 (23.04 — 29.04)
video «ALL YOUR HTML» #46: «Верстка на vue.js»

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

habrФронтенд как у сына маминой подруги
habrГенератор статических сайтов metalsmith
enЯ создал PWA и опубликовал его в 3 магазина приложений. И вот что я узнал
enО глобальном атрибуте `hidden` в HTML5

  • Производительность:
    enИзмеряем сайты с помощью Mobile-First инструментов оптимизации
    enGTmetrix Bookmarklet – начните тестирование прямо из вашей панели закладок
    enCase study: анализ производительности сайта Walmart
    enPerfume.js — JS библиотека для измерения коротких и длинных скриптов, FP/FCP, TTI, CFM, а также их аннотации в DevTools timeline и публикации результатов в Google Analytics.

  • Инструменты:
    habrРелиз Node.js 10 и NPM 6
    • Инструментарий Microsoft Edge DevTools представлен в виде Windows-приложения
    enЧто нового в Node 10
    en6 необходимы инструментов, которые сделают релиз, версионирование и поддержку ваших npm модулей
    enwebpack 4 configurator — создание персонализированного и оптимизированного webpack.config.js

  • Accessibility:
    enWCAG 2.1: что нас ожидает в новом руководстве по доступности
    enБолее доступная разметка с помощью
    enЗаметка о работе над доступностью сайта reddit
    enHTML Email и Accessibility
    enИнспектируем доступность писем в Firefox
    enО том, как правильно создавать мемы с учетом доступности
    enInfinite Scroll & Accessibility! Это вообще нормально? (Спойлер — нет)

  • Анимация:
    enКреативный эффект для кнопок, позволяющих разложить их на мелкие частицы
    enАнимация для перехода по страниц, которая ощущается нативной
    enИнтерактивный Mario Kart на «чистом» CSS

CSS

• Зачем нужны кастомные свойства?
enОптимизация стилей от разработчиков Linkedin: опенсорсные проекты CSS Blocks для компонентов стилей и OptiCSS для их оптимизации
enGridtoFlex — проект от Юны Кравец, включающий в себя Flexbox фоллбеки для популярных решений интерфейсов, использующих CSS Grid.
en7 трюков для улучшения производительности CSS
enСтилизация и анимация элемента Progress
enРецепты радиальных градиентов
en3 способа, с которыми CSSinJS убирает мусор из вашего процесса веб-разработки
enЗаметка о производительной анимации и о скрытых проблемах will-change
enПочему мы решили отказаться от LESS в пользу SCSS

JavaScript

habrКак работает JS: анимация средствами CSS и JavaScript
enХочешь изучить ES6+? Попробуй этот бесплатный курс из 23 частей и стань JavaScript ниндзя
enРасширения VS Code, облегчающие написание кода JS разработчикам и делающие их счастливее
envideoКраткая история JavaScript, видео от Brendan Eich (создателя JavaScript)
enДемистификация ‘new’ в JavaScript

  • VueVueJS:
    enВопросы для собеседования по Vue.js
    enVuePress vs Nuxt.js
    enСоздание отзывчивых Vue компонентов с помощью ResizeObserver
    enПриложение на Vue.js с использованием Axios с Vuex

  • ReactReact:
    enСтратегии тестирования для React и Redux
    en5 лучших архитектурных практик React

  • AngularAngular:
    habrУскорение Angular-приложений
    en Новые возможности для разработки приложений на AngularJS- Часть 1: компонентная архитектура, Часть 2: создание приложения
    enЗапускаем AngularJS 1.6 в Angular 5 (бок о бок)

  • Libs & Plugins:
    entui.calendar — календарь со всем необходимым
    enDayJs — Быстрая иммутабельная библиотека, альтернативная Moment.js, с похожим современным API
    enDinero.js — библиотека для работы с денежными значениями в JavaScript.

Браузеры

habrМожно ли доверять свои пароли синхронизации Chrome и Firefox?
• В Firefox 60 появится защита от CSRF-атак
• Мгновенный поиск и синхронизация по QR-коду: браузер Opera получил обновление
• Новая версия браузера Google Chrome Canary демонстрирует грядущее обновление дизайна в стиле Material Design 2
enУлучшения в Inspector Styles Sidebar
enИспользование Chrome как локального веб сервера

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

habrhabrahabr.ru → habr.com
• Google выпустила отдельное мобильное приложение для ведения задач Google Tasks
• Представлена утилита DeepCode для нахождения и исправления ошибок в коде
• Mozilla открыла доступ к Hubs: социальная сеть в виртуальной реальности
• Графический редактор GIMP обновился впервые за 6 лет
• Особенности соответствия требованиям GDPR для WordPress пользователей


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

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


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

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

*

x

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

[Из песочницы] Внедрение зависимостей в сервис Apache Ignite.NET

Разрабатывая различные приложения, использующие популярную библиотеку Castle Windsor для внедрения зависимостей и Apache Ignite.NET в качестве «ключика», который открывает дверь в «облачные» вычисления, я столкнулся с небольшим неудобством: у меня не было никакой возможности внедрить зависимость в сервис, запускаемый через ...

[recovery mode] Сравнение станков лазерной резки Raylogic 11G и Raylogic V12

Всем добрый день! Сегодня мы решили сделать для вас сравнение станков лазерной резки Raylogic 11G и Raylogic V12. С вами компания 3Dtool. Ну, а если говорить конкретней, то мы расскажем вам об изменениях в лазерных станках Raylogic. Как оказалось, при ...