Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №57: Safari TP24, браузеры в 2017, кастомные свойства, make great again, новый HTML-заголовок, нервный опенсорс, W3C против WHATWG.
Синдром самозванца: сражение с усталостью от фронтенда
- Вышло обновление Visual Studio Code 1.10
- Как смотреть видео с фронтенд-конференций
Тренды в фронтенд инструментария в 2017-м году
О функциональном программировании в фронтенде
ebaytechblog: эффективное код-ревью фронтенда
- Производительность:
Оптимизация фронтенда под браузеры
Тестирование производительности с помощью User Timing API
Состояние адаптивных изображений в 2017-м
Анализ rel=preload от команды Chrome Data Saver
- WebAssembly:
- Технология WebAssembly признана готовой для включения в браузерах по умолчанию
Иллюстрированное введение в WebAssembly
Создание и введение в модули WebAssembly
Что делает WebAssembly таким быстрым?
Где WebAssembly находится сейчас и что дальше?
Что такое JSON? Введение и руководство для новичков
Как создать свой собственный прогрессивный загрузчик изображений
Библиотеки Progressive Web App Libraries на продакшене
CSS
Создание картинок на CSS делает верстальщика лучше, или Чем себя занять долгими зимними вечерами
- Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align
- Пользовательские свойства CSS. Основы
Февральская встреча pitercss №10
Соглашения по именованию размеров в масштабируемом CSS
Breakpoints: Don’t Box Me In. О гармонизации брейкпоинтов в отзывчивом дизайне
- CSS Grid Layout:
Основные концепты grid layout, статья от Rachel Andrew на MDN
Подробнейшее руководство по CSS Grid Layout от Hui Jing Chen на codrops
Изучение CSS Grid Layout
Подборка актуальных ресурсов по изучению CSS Grid
Grid + Flexbox: наилучшая комбинация для разметки в вебе
Создание отзывчивой сетки на Flexbox с помощью Less
Действительно ли вы знаете CSS linear-gradients?
Имплементация Critical CSS на вашем сайте
О технике container queries
Эффектная анимация текста в стиле видео-заставки
Примеры CSS анимации границ блоков по наведению
JavaScript
React или Vue? Выбираем библиотеку для фронтенд-разработки
Промисы на примере бургер-вечеринки
Настройка проекта на Node.JS с нуля. Видео в рамках курса Node.JS проекта javascript.ninja
MinskJS Meetup #1
Обновление до Babel 7 (WIP)
Быстрый совет: как сортировать массивы объектов в JavaScript
Все что я выучил из #Javascript30
Предлагаемая карта решения вопросов JavaScript разработки в 2017-м
Реальная история эпохи ECMAScript 4
Работа с JavaScript Battery API
5 продвинутых техник Javascript и отладки, о которых вы должны знать
Тестирование роутов в Angular 2
Как мы сделали миграцию 200K+ LOC проекта на TypeScript и выжили чтобы рассказать эту историю
Горячая перезагрузка всего!. Как использовать Webpack для достижения Hot Module Replacement на бекенде и фронтенде для более продуктивной разработки
Asynchronous vs Deferred JavaScript
- React:
- Подкаст 5minreact #6 — React 15.5 and 16 Umbrella
6 краеугольных камней для React
Как работать с формами с React
Конвертация большой кодовой базы React с Coffeescript на ES6
Функциональный setState — это будушее React
Оптимизация производительности для React: часть 2
Улучшение работы с зависимостями в React
Три вещи, которые я узнал, работая с данными в Redux
eslint-plugin-jsx-a11y — статический анализатор поддержки a11y правил в JSX элементах
- Vue:
Генератор BEM классов для Vue.js
Обновление Vue.js до версии 2.2
Создание короткого рассказа с помощью SVGs и Vue.js
Создание To-Do приложения с помощью Vue.js 2
Обзор: Vue.js фреймворки для создания мобильных гибридных приложений
- Plugins & libs:
Имплементация Pull to reload для веба. Работает как в мобильным, так и в остальном вебом
neurojs — JavaScript фреймворк для deep learning в браузере
Store.js — 2-я версия библиотеки для работы с хранилищами в браузере
Anchorme — библиотека для конвертации найденных в тексте ссылок в якорные ссылки
BigPicture.js — плагин с функционалом позволяющим по клику на миниатюту просмотреть изображение/видео во всплывающей панели (BigPicture.js — Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo. )
Браузеры
- В Firefox началось тестирование контекстных контейнеров
V8: за кулисами (февраль. история TurboFan)
Какой браузер самый быстрый под Linux?
Safari теряет пользователей, подражая IE
Занимательное
- Mozilla приобрела сервис отложенного чтения Pocket. Как развивался сервис для отложенного чтения Pocket и что изменится после его продажи Mozilla
- HTTPS обошел HTTP: распространение безопасного протокола достигло переломного уровня
- «Яндекс» признан самой дорогой компанией Рунета
- Ryzen 7: мировой релиз долгожданного трио
- CoinDesk: Курс биткоина впервые превысил стоимость унции золота
- Оно само: сбой облачных сервисов Amazon произошел по вине сотрудника компании
- «Меня только что попросили сбалансировать двоичное дерево поиска в аэропорту»
- Бюджетный IoT. Как сэкономить на лампочках, объединить домашние гаджеты и обмануть Siri
- Цифровое наследие: Что будет с вашими аккаунтами после смерти
- Бесплатные игровые движки на HTML5 и JavaScript
- Как бдительный робот может создать проблемы добропорядочному гражданину
- Boston Dynamics официально представила робота на колёсах Handle
- NASA опубликовало симулятор работы астронавта в открытом космосе и множество другого софта
- Не прошло и года: Google закрывает мессенджер Spaces
- Разработчик обошел «капчу» Google с помощью распознания речи Google
- «ИТ-компании слишком крупные, чтобы быть честными»
- Чем питается пессимизм в ИТ?
- Новая Зеландия предложила бесплатную поездку в страну соискателям на ИТ-специальности
- Разницу между Apple и Google объяснили с помощью их патентов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Автор: Zfort Group