https://habrahabr.ru/company/zfort/blog/331632/

• Разработка веб-сайтов
• JavaScript
• HTML
• CSS
• Блог компании Zfort Group

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

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

CSS

Javascript

Браузеры

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

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

• Подкаст Веб-стандарты, Выпуск №73: Firefox мультипроцессный, новые гриды в Edge, зачем флексы, JS-модули в HTML, Webpack 3 и CSS-фрагменты.
• Подкаст Frontend Weekend: FW #8 — Почему нужно учить JavaScript и переезжать за границу
• Connect: советы по современному фронтенду
• HTTP/2 Server Push не так прост, как я думал
• Выбираем фронтенд фреймворк в 2017
• Интересная техника реализации иконочной системы на SVG
• HTML imports — это лучший веб-компонент
• Bojler — заготовка для создания рассылочных писем, которые будут отображаться корректно в наиболее популярных email-клиентах.
• Addy Osmani: Руководство для хакеров для мгновенной загрузки в браузер чего угодно (доклад с JSConf EU 2017)
• Инструменты:
  
  
  • Разбираемся с lock-файлами в NPM 5
  • webpack 3: официальный релиз
  • Уязвимость Webpack и Preact-CLI
  • Hacker-box — автоматизация работы с фронтендом благодаря манипуляциям с JSON
  
  
• Производительность:
  
  
  • Accelerated Mobile Pages (AMP): чем вы готовы пожертвовать ради скорости?
  • AMP: мысли о проекте с двумя миллиардами страниц
  • Иллюзия скорости
  
  
• Анимация:
  
  
  • Обзор анимации с codepen для страниц загрузки сайта
  • Fluent Design: Calendar
  • Юрий Артюх опять верстает в прямом эфире: #4 ALL YOUR HTML, различные анимации лендинга с помощью GSAP

CSS

• Занимательная вёрстка с единицами измерения области просмотра
• CSS: введение в единицу длины 'fr'
• Кому нужны флексы — HTML Шорты
• Знакомство с анимацией в CSS3: гайд для начинающих
• Новые гриды уже в Edge Insider Preview
• Spectral — первый шрифт от Google с параметрической технологией, позволяющей работать с отзывчивыми символами
• О нет! Наши таблицы стилей только растут и растут! (Проблемы стилей, которые только добавляются)
• Используйте CSS переменные правильно
• Как выглядит хорошо задокументированная кодовая база CSS?
• Как применить CSS3 Transforms к Background Images
• Соотношение сторон в CSS — это хак
• CSS vs. JavaScript: доверие vs. контроль
• Как я создал кроссворд на чистом CSS
• Мощное улучшение CSS Grid Inspector в Firefox Nightly
• CSS фреймворки для использования с Angular 2+
• Less-Grid-Boilerplate — легковесная двенадцатиколоночная сетка с CSS Grid и LESS
• Visual Component Library “VCL“. Модульный, расширяемый CSS

JavaScript

• ArrayBuffer и SharedArrayBuffer в JavaScript, часть 1: краткий курс по управлению памятью
• Давайте выучим замыкания в JavaScript
• sonar — инструмент для линтинга, новейший проект JS Foundation
• Почему всегда стоит использовать Linter
• Шаблоны оптимизации JavaScript (часть 1)
• Функциональное программирование в Javascript — это антипаттерн
• Руководство для начинающих по тестированию функционального JavaScript
• Создание прогрессивных веб приложений с Ember
• Подводные камни Service Worker
• Как создать интерактивные JavaScript графики и диаграммы из задаваемых наборов данных
• Lodash это не (только) для манипуляций со списками!
• Машинное обучение с JavaScript: часть 2
• JavaScript для микроконтроллеров и IoT: часть 1
• ES2015+:
  
  
  • Новые #приватные поля классов в JavaScript
  • async/await из ES2017 — лучшее что происходило в JavaScript
  • ES6 Katas — Изучайте ES6 практикуясь. Чините падающие тесты. Сохраняйте изучаемое.
  • Давайте изучим ES6 Generators
  • p-iteration — утилиты, делающие итерации по массиву более простыми с async/await или промисами
  • Excel-подобная таблица в 25 строк ES6
  
  
• Angular:
  
  
  • Динамический рендеринг компонентов в Angular 2
  • От новичка до героя Angular
  • Состояние Angular и срок 5й версии
  • ng-annotate устарел: что это означает для ваших проектов
  
  
• React:
  
  
  • flight — ультра-простые анимационные композиции для React
  • React Express — полное руководство по современной разработке React приложений
  • Создание мини-Netflix на React за 10 минут
  • fbox — Flexbox компонент для Reactjs
  • Vataxia — Open source социальная сеть, написанная на React и Redux
  • Учишь React? Начни с малого.
  • Первое приложение Reason React для Javascript разработчиков
  • Техники для декомпозиции компонентов React
  
  
• Vue:
  
  
  • Почему VueJS внедряется так медленно? (на самом деле нет)
  • Четыре способа ускорения приложения Vue.js c Webpack
  • Vue vs React: битва Javascript фреймворков
  • Миграция с KnockoutJS на VueJS
  • Начинаем работать с Vue Router
  • Vue.js: трехминутное интерактивное введение
  • Зачем выбирать Vue.js
  • 5 отличных докладов с VueConf 2017, первой конференции по Vue.js
  • Использование Vue, Vuex, Immutable для программирования Tetris
  
  
• Libs & Plugins:
  
  
  • Pasition — маленькая библиотека для плавного морфинга Path
  • gpotter-gradient — Библиотека выдаёт rgb-цвет из линейного градиента на определённом участке от 0 до 100 с шагом в 1. Поддерживает на входе нотации #rrggbb, #rgb и названия цветов.
  • graphql-js — имплементация GraphQL для JavaScript
  • lazy-arr — «Ленивые» (Lazy) массивы в JavaScript

Браузеры

• Для Android создан web-браузер Firefox Focus на базе движка Webkit
• Выпуск web-браузера Opera 46
• Советы для разработчиков по DevTools: как снять полностраничный скриншот без расширений браузера

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

• Yahoo! всё
• В России возник острый дефицит видеокарт. Причина – рост популярности «добычи» криптовалюты
• Цифровая реальность: как мировая конкуренция поисковиков делает офлайн умнее
• ООН, Microsoft и другие компании работают над системой цифровой идентификации на основе блокчейн для лиц, лишённых документов
• Золотая лихорадка: наши дни
• Кирка, видеокарта, шахта с биткоинами. Как перестать бояться и начать добывать криптовалюту
• Мнение: Когда пузырь лопнет или почему я ошибался насчет эфириума
• «Они за нами повторяют»: в Microsoft намекнули о копировании со стороны Apple
• Facebook обучает ИИ переговорам с людьми и обману
• Google запустил поиск вакансий на основе машинного обучения
• Google перестанет сканировать почтовые ящики пользователей к концу 2017 года
• Tesla планирует создать конкурента Apple Music

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

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