Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Новости и занимательное |
Веб-разработка
- Login или Log in?
- Подкаст Веб-стандарты, Выпуск №39 : Chrome 54, Async, Node.js v6 и npm v4, Ире про PWA, условия в CSS, CSS-фреймворки, Normalize.css, женщины в ИТ.
- Запись трансляции Web Standards Days, проходившей 29 октября в Минске
- Начинаем работать с Webpack 2 (Getting Started with Webpack 2)
- SVG:
- Как проектировать, создавать и анимировать SVG
- SVG и медиазапросы
- Введение в SVG анимацию (Introduction to SVG animation)
- Фильтры SVG примитивов для работы со внешними изображениями и фрагментами SVG (SVG Filter Primitives for Working with External Images and SVG Fragments)
- Создание интерактивного дорожного путешествия с помощью SVG и Web Animation API (Create an Interactive Roadtrip with SVG and the Web Animation API)
- Децентрализованный хостинг AMP JS и NPM для веба
(Decentralized hosting of AMP’s JavaScript & NPM for the web) - Переключение на Google AMP и обратно (Switching to Google AMP and back)
- Пуш-нотификации для веба. Третья и финальная заметка из серии статей «Создание PWA» (Push Notifications on the Web (Building a PWA, Part 3))
- Карусели не должны быть сложными. Крис Койер о техниках реализации функционала каруселей (Carousels Don’t Have to be Complicated)
- Парсинг JSON — это минное поле (Parsing JSON is a Minefield )
- Автоматические отзывчивые изображения с помощью клиентских подсказок
(Automatic responsive images with client hints) - Встречайте новый Web Animations API (Meet the new Web Animations API)
- Коллективный список публичных JSON APIs для использования в веб-разработке
- Печальное состояние HTML Email полей и IDNs
(The Sad State of HTML Email Input Fields and IDNs) - aria-selected – когда (не) использовать (aria-selected – when (not) to use it)
- Доступность для разработчиков, доклад от Alistair Duggin (Accessibility for developers)
- YouTube переписывается с веб компонентами и Polymer
(YouTube is being rebuilt with Web Components & Polymer)
CSS
- Еще раз про border-image
- В чем разница между нативными CSS переменными и переменными в препроцессорах? (What is the difference between CSS variables and preprocessor variables?)
- Повышение восприятия производительности с помощью множественных фоновых изображений (Improving Perceived Performance with Multiple Background Images)
- Жуууткие селекторы в CSS (Spoooooky CSS Selectors)
- Отзывчивые изображения в CSS (Responsive Images in CSS)
- Вы слишком ленивы для создания разметки с независимым CSS
(You are too lazy to write markup independent CSS) - Лучшие практики CSS, 14 шагов (CSS Best Practices — 14 Steps to Become a CSS Ninja Pt1)
- Тонирование фотографий с помощью градиентов и режимов смешивания (Photo Toning with Gradients & Blend Modes)
- Организация ваших Sass файлов (Organize your Sass files)
- Функциональный CSS в перспективе Pure UI (Functional CSS From A Pure UI Perspective)
- useful.ly — очередной фреймворк «на CSS Flexbox»
- Создание набора микро-анимаций (Create a set of micro-animations)
- Урок по Angular-Material 2 Theme (Angular-Material 2 Theme Tutorial)
- CSS-анимация с динамической обводкой объекта (Border composition and animation)
- Черновик CSS Table Module Level 3 (CSS Table Module Level 3)
- Компонент выбора цвета c CSS variables (CSS colorpicker | powered by CSS variables)
- CSS переменные как обратная связь с данными (CSS Variables As Data Feedback)
JavaScript
- Восходящие тренды в JS: подробное руководство по библиотекам и фреймворкам
(Rising Trends in In JavaScript: A Comprehensive Guide to Libraries & Frameworks) - Нативные эквиваленты методов JQuery: Часть 1: выбор DOM элементов, Часть 2: работа с атрибутами и свойствами
- Возможности и примеры реализации хакерских атак на JavaScript движки (Attacking JavaScript Engines: A case study of JavaScriptCore and CVE-2016-4622)
- Игра-викторина на знание современных JS инструментов (JavaScript Guessing Game)
- Modular JavaScript — краудфандинговая компания от Nicolás Bevacqua, направленная на сбор средств для создания книг по модульному JS
- Механизмы контроля в играх на JavaScript (Control mechanisms in JavaScript games)
- Три примера, в которых JavaScript генераторы уместны (+ понимание их работы) (3 cases where JavaScript generators rock (+ understanding them))
- История Node.js на временной шкале (History of Node.js on a Timeline)
- PurpleJS — альтернатива Node.js для Java проектов
(PurpleJS — the alternative to Node.js for Java projects) - ES6:
- Node.js 7.0.0 зарелизился. Встречайте async/await без babel
- Обзор базовых возможностей ES6
- Глупые трюки с ES6
- ES6 Template Strings, the Handlebars killer?
- Обзор возможностей ES6
(Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+)) - 6 самых впечатляющих возможностей ES6 (6 of the Most Exciting ES6 Features in Node.js v6 LTS)
- Три способа понять промисы (Three ways of understanding Promises)
- Настройка окружения для разработки на React/ES6 с помощью Webpack, Express и Babel (Setting up your React/ES6 Development environment with Webpack, Express and Babel)
- VueJS:
- VueJS: сравнение с остальными фреймворками (Comparison with Other Frameworks)
- Почему Vue.js? (Why Vue.js?)
- Vue.js еще легче, чем jQuery (Vue.js is easier to learn than jQuery)
- Vue.js Material — Material Design для Vue.js
- Evan You — Современный фронтенд с Vue.js — Laracon EU 2016
- React:
- Пошаговая настройка окружения для React разработчика (Step by Step Environment Setup of the React Developer – No Legacy, 2016 Standards)
- Создание книжного магазина с помощью React & Redux I: React Redux Flow
- Redux без React — управление состояним на ванильном JavaScript (Redux without React — State Management in Vanilla JavaScript)
- ARc — стартовый набор для React, основанный на методологии Atomic Design (ARc is a React starter kit based on the Atomic Design methodology)
- React Memory Game
- Шесть причин нашей любви к React (Top 6 Reasons Why We Love React)
- React, Redux, селекторы (React, Redux, Selectors )
- Как выложить приложение на React в продакшен и спать лучше (How to push a ReactJS application in production and sleep better — React.js Day 2016)
- Как Airtable использует React (How Airtable uses React)
- Angular:
- Руководство по созданию качественных компонентов в Angular 1.5 (A Guide to Building Quality Angular 1.5 Components)
- Angular 2 Transclusion с помощью ng-content
- Angular 2 Forms — создание директивы асинхронной валидации (Angular 2 Forms — Create Async Validator Directive)
- Next.js — маленький фреймворк для создания универсальных JS приложений, отрендеренных на сервере (a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel)
- Shave — современный JS плагин без зависимостей для обрезки текста
- MathJax — JavaScript движок для работы с математикой, который работает во всех браузерах
- JS Ipsum — генератор рыбного текст на тему JS
- JsonLogic — парсер для создания сложных правил при работе с JSON-ом (JsonLogic — Build complex rules, serialize them as JSON, share them between front-end and back-end)
- swip — библиотека для создания экспериментов с синхронной работой на нескольких устройствах
Браузеры
- Mozilla значительно улучшит производительность Firefox новым движком Quantum
- Проект Mozilla представил Quantum, комбинированный браузерный движок для Firefox
- Новая Opera 41 со множеством открытых вкладок запускается в несколько раз быстрее старой Opera 40
- Что нового в Chromium 54 и Opera 41
- Дайджест обновлений DevTools за октябрь 2016
- Некоторые подробности Safari Technology Preview 16
- Mozilla перестаёт доверять новым сертификатам WoSign и StartCom
Новости и занимательное
- Apple Special Event, октябрь 2016 [архив текстовой трансляции]
- Каким получился новый MacBook Pro
- Снова здорова: 10 недостатков новых MacBook Pro и что на них ответят фанаты Apple
- Почему Тим Кук — это новый Стив Балмер
- Microsoft Windows 10 Event [архив текстовой трансляции]
- Что нам показали на мероприятии Microsoft Windows 10
- Microsoft представила моноблок Surface Studio
- Без вариантов? Microsoft собирается слопать Apple на обед (No Escape? Microsoft is About to Eat Apple for Lunch)
- Microsoft, я тебя прощаю! (Microsoft, I forgive you!)
- Twitter закрывает видеосервис Vine
- Платформы типа Facebook’s Instant Articles и Google AMP услажняют публикацию в вебе
- Огромная Охренительная Ракета SpaceX: на чем, когда и за сколько мы полетим на Марс
- Шрифт и авторское право
- Вырви глаз: как информация в интернете стала нечитаемой
- Китайская компания признала, что совершённая в пятницу DDoS-атака стала возможна из-за слабых паролей её устройств
- Нейронная сеть Google изобрела собственный протокол шифрования
- Исследователи создали «квантовый сокет» – важный шаг на пути к масштабируемым квантовым компьютерам
- История «транспорта будущего» Hyperloop и компании Hyperloop One
- Таблеточные гики Кремниевой долины: история компании Nootrobox, занимающейся продажей ноотропов
- «Умная» вещь как оружие массового поражения
- Почему руководители крупных ИТ-компаний принимают решения во время прогулок
- Игры на GitHub
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group