ДайджестХабрахабр

Дайджест свежих материалов из мира фронтенда за последнюю неделю №326 (6 — 12 августа 2018)

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

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

Медиа

podcast Подкаст «Frontend Weekend» #65 – Игорь Шеко о том, как из серийного стартапера стать выступающим тимлидом
podcast Подкаст «CSSSR» Новости 512 — Выпуск №18 (06.08 — 12.08)
podcast «Девшахта-подкаст»: #45 — Когда фронтендер становится девопс
podcast Подкаст «Фронтенд Юность (18+)» #59 Поговорим о джаваскрипте

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

habrИспользуем AMP как библиотеку общего назначения для создания быстрых динамических сайтов
enIcon Fonts vs SVGs – что из этого я должен использовать в 2018?
en“SVG Filters: The Crash Course” — интенсив от Sara Soueidan
enGoogle AMP — потеря 70% нашей конверсии
enКак создать маленький красивый npm пакет и опубликовать его
enwebhint: инструмент для разностороннего анализа сайта с предложением подсказок по его улучшению (бывший sonarwhal)

CSS

• Свежие обновления CSS-черновиков: переполнение 3 уровня, строчная раскладка 3 уровня, гриды 2 уровня
enLine-height Crop — простая CSS формула для избавления верхнего отступа в тексте
enОсознание начальных значений в вашем CSS
enАвтоматическая смена цвета текста для различных фонов с помощью переменных CSS
enТехники скрытия в CSS
enСоздание “идеальной” системы CSS
enCSS Grid layout: умножай и властвуй — или как на самом деле работать с гридами
enИзменения в CSS Grid Layout в процентах и неопределенной высоте
enНе пишите CSS — настраивайте его с помощью tailwind

JavaScript

habrКлючевое слово this в JavaScript для начинающих
habrКак работает JS: пользовательские элементы
habrСравнение React и Vue на практическом примере
habr[в закладки] 23 рекомендации по защите Node.js-приложений
• 7 рекомендаций по оформлению кода на JavaScript
enКак бороться с грязными побочными эффектами в вашем чистом функциональном JavaScript
enИсправляем проблемы области видимости переменной в ECMAScript 6
enКрис Койер о создании прилипающей навигации, следящей за скроллингом страницы
enПрактическое руководство по регулярным выражениям (RegEx) в JavaScript
enРазделяй и властвуй! Ленивая загрузка для вашего SPA

  • Libs & Plugins:
    enPts — typescript/javascript библиотека для визуализации и креативного кодинга
    enlazyestload.js — загружает изображения, только если оно появляется во вьюпорте, всего 350 байт js кода
    enSuperSlide.js — гибкое, плавное слайд-меню для вашего следующего PWA
    enSplitting — микробиблиотека JavaScript с коллекцией маленьких плагинов, созданных для разделения строк на более мелкие сущности — слова, символы и другие варианты

Браузеры

• В Firefox началось тестирование системы рекомендации контента на основе активности пользователя
• Opera интегрирует криптокошелёк в десктопную версию своего браузера
• Новый эксперимент Mozilla: расширение Firefox Advance, которое анализирует историю сетевой активности для подбора потенциально интересных сайтов и статей
enChrome 69 Beta: множество CSS улучшений и многое другое

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

• Как выбрать шрифт для медиа
• «Пути назад – нет»: В Android 9.0 Pie компания Google лишила пользователей возможности возвращаться на более старые версии ОС
• Вышло обновление языка Dart 2.0, альтернативы JavaScript от Google
• Нейросеть научилась создавать портрет человека по текстовому описанию
• Как в Китае выросло поколение, не знающее Google, Facebook и Twitter
• Смешные и страшные вещи. Вспоминаем самые зрелищные взломы IoT за последние несколько лет


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

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

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть