Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю
» Материал подготовили dersmoll и alekskorovin
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
WebAssembly – путь к новым горизонтам производительности.
Введение в WebAssembly
Что поправить в верстке перед выпуском в продакшн?
Первый официальный релиз Webpack 2. Что нового по сравнению с Webpack 1?
- Подкаст Веб-стандарты, Выпуск №51: Модули ES6 и global, PhantomJS, веб-манифест, фронтенд ВКонтакте, методологии CSS, SVG-иконки.
14 основных этапов развития веб-разработки за последние 20 лет
Использование атрибута aria-current
Сложности элемента input type=date
Определение шаблона структуры страницы сайта
Сборка модулей и Webpack простым языком
Большая подборка публичных API
Приключения с NPM или: Как я перестал использовать npm shrinkwrap и полюбил Yarn
Проблема с AMP
Стилизованные компоненты: используем лучшие практики в системах компонентов
Простые радиальные диаграммы с SVG (A simple pie chart in SVG)
Отзывчивые, многоцветные SVG иконки
WebSlides — простой инструмент для создания HTML презентаций
Little Fragments: создание креативных эффектов для плакатов
CSS
Эволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components
Темизация с помощью CSS переменных
Ack для CSS разработчиков
Выровняйте SVG иконки в тексте и попрощайтесь иконочными шрифтами
Понимание пути критического рендера (Critical Rendering Path)
Анимация различных конечных состояний с помощью одного набора CSS Keyframes
Креативный лоадер на CSS, вдохновленный Elite Dangerous
Пишем Element Queries сегодня с помощью EQCSS
Примеры правильной анимации для эффектов движения
Генератор цветовых схем
Полное руководство по непрямоугольным хедерам (часть 1)
JavaScript
Убийцы оптимизации JS уже не такие страшные
Чистый javascript. Объекты и структуры данных. Асинхронность. Обработка ошибок
Нативные модули Native ECMAScript — первый обзор
Восходящие звезды JavaScript 2016
Пять лучших JS фреймворков в 2017-м
5 отличных способов реализации Lazy Load изображений для ускорения загрузки страницы
Все что вы должны знать о JavaScript Source Maps
Парсинг абсолютно всего в JavaScript с помощью алгоритма Earley
Беседа с Brendan Eich-ом (создателем JavaScript)
Короткая история языка JavaScript
Функциональное программирование в Javascript
Асинхронные JavaScript генераторы
Чистим код с Eslint — Spacedojo Code Kata
Angular vs React — камень преткновения
- Angular:
Angular 2: почему на TypeScript?
Angular vs Angular 2: ключевые различия
Что такое Angular?
Должны ли вы учить Angular 1.x или 2?
Progressive Web Apps с angular 2+
Вкус четвёртой версии Angular
Angular 2 в продакшене
Angular 2: что уже работает, что нуждается в доработке и к чему всё идёт
- React:
React в 60fps
Интернационализация React приложений
Создание PWA с использованием React, Webpack, и остального
Неизменяемость в JavaScript с использованием Redux (Immutability in JavaScript using Redux)
Крестики-нолики на React и Redux
Мыслить терминами Redux (если всё, что ты знаешь — это MVC)
React Table — работа с таблицами для React
- Vue:
Vue.js 2.0 менее чем за 30 минут для начинающих [2017]
Начало работы с Vue + Vuex
Интеграция RxJS с Vue.js
vue-weather-notifier — небольшое погодное приложение на Vue с SVG анимацией
- Plugins & Libs:
swarm-numberformat — форматирование больших чисел в понятные человеку форматы
when-dom-ready — аналог $(document).ready() на промисах
Mitt — небольшой 200b функциональный event emitter
Браузеры
- Создатели Firefox представили новый логотип и фирменный стиль компании
- В Chrome появится поддержка FLAC
- В Firefox по умолчанию будут предложены новые темы оформления
- Рассматривается возможность выноса Firefox Developer Tools в системное дополнение
Первый юблией движка Chakra
В сборку Edge nightly добавили полноцветные эмодзи
Занимательное
- Софт ИИ обучается делать ИИ: учёные сообщают об успехах в самообучении искусственного интеллекта
- Сатья Наделла считает, что ИИ должен помогать людям, а не отбирать у них работу
- Издержка эволюции: о пользе прокрастинации
- Будущее или новый вид мошенничества: что мы знаем об алгоритмической торговле
- «Последователи Мавроди» запустили собственную криптовалюту Mavro
- Мои худшие ошибки в PR за 25 лет работы на Apple, PayPal и Visa
- Google начала понижать рейтинг страниц с навязчивой рекламой в мобильном поиске
- Опубликован список наиболее популярных слов в исходных кодах — автор проанализировал 2 ТБ данных
- Создан робот, который общается с помощью гифок
- Война меняется: как работает первая отечественная MMORPG на базе Telegram
- Как устроен секс с роботами в кино и в реальности
- Как устроена защита фильмов и сериалов от пиратов
- Viva Las-Vegas: жизнь азартного интернета
- Предтечи успеха: мертвые предшественники великих стартапов
- Страна мечтателей, страна ученых. Какие открытия делали советские математики, инженеры и биологи в ГУЛАГе
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
» Материал подготовили dersmoll и alekskorovin