Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю.
» Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости и занимательное |
Веб-разработка
Двенадцать полезных Chrome DevTools Tips- Верстка адаптивных электронных писем: Проблемы и их решения
- «Пишите письма»: Три техники верстки хороших email’ов
- Подкаст Веб-стандарты, Выпуск №36 : Safari TP, async/await, HTML 5.2, JS-модули, недооцененные CSS и SVG, псевдоэлементы, доступность, полифилы и React.
- Пилотный выпуск подкаста Хекслет. Размышления про инструменты, языки, git, JS, компьютерное мышление и будущее.
- Пространство в системах дизайна
- Альтернативный текст для изображений. Перевод статьи Alternative Text and Images
Иллюстрированное руководство по синтаксису `path` в SVG (The SVG `path` Syntax: An Illustrated Guide)- Обзор AMP с точки зрения разработчика (Google’s AMP reviewed as a developer)
- На данный момент AMP не оптимизирован под 2G и ниже
- HTTP/2: хороший, плохой, злой (HTTP/2: the good, the bad and the ugly)
- Рекурсивные шаблоны на SVG, ч.2 (Recursive SVG Patterns Part 2)
- Стартовое руководство по бандлингу модулей с помощью Webpack (Module Bundling with Webpack: Getting Started Guide)
- Секреты веб-производительности от BBC (Web performance secrets from the BBC)
- Топ 10 статических фронтенд-фреймворков в 2016-м (Top 10 Front-End Frameworks of 2016)
- Состояние мобильных HTML-фреймворков в 2016-м (The State of HTML Mobile Frameworks in 2016)
- Быстрый совет: как вручную стилизовать Google Custom Search (Quick Tip: How to Style Google Custom Search Manually)
- Почему я верю, что GraphQL заменит REST (Why I believe GraphQL will come to replace REST)
- Беседа с экспертами: Chris Coyier (Talk with the Experts: Chris Coyier)
CSS
- Может, хватит уже поливать грязью CSS на конференциях разработчиков?
- Редизайн с помощью CSS Shapes, статья от Eric Meyer (A Redesign with CSS Shapes)
-
Материалы с CSSConf, прошедшей конце сентября в Бостоне - Flex-grow 9999 Hack
- правила supports изменят вашу жизнь ( supports will change your life)
- Мои мысли по поводу инлайновых стилей (My thoughts on Inline Styles)
- Выровняют ли CSS Grids наш HTML? (Will we be flattening our HTML for CSS Grids?)
- tipograf — базовый набор для типографики на чистом CSS для вашего следующего проекта
- Оптимизация шрифтов, обновленная статья на developers.google.com от Ильи Григорика
- Магическая рандомизация с помощью nth-child и Приципа Цикады (Magic randomisation with nth-child and Cicada Principle)
- «will-change» должен измениться? Предостережение для дизайнеров («will-change» must change? Animators beware.)
- Введение в переменные CSS (CSS Variables: An introduction)
- What’s so sassy about SCSS?
- Responsive table layout
- Even Stevens: Использование Round и Space в повторяющихся фоновых изображениях (Even Stevens: Using Round and Space in Repeated Background Images)
- Создание и настройка градиентов онлайн (Create and customize beautiful CSS3 gradients.)
- Демо-анимация куба на чистом CSS
Состояние современного JavaScript:
- Каково оно учить JavaScript в 2016. Перевод статьи How it feels to learn Javascript in 2016
- Каково оно на самом деле учить JavaScript в 2016-м (How it actually feels to write JavaScript in 2016)
- Усталость от усталости JavaScript (JavaScript Fatigue Fatigue)
- Движение в сторону Javascript-разработки (Moving To Javascript Development)
- Почему JavaScript такой сложный? (Why is JavaScript so hard?)
- С JavaScript все нормально (Everything is fine with JavaScript)
- Прекратите обвинять JavaScript, если все что вы хотите — это поговорить о фронтенде (Stop blaming on JavaScript when all you want is to talk about Front End)
- Существует не так много фреймворков, существует мало контента (There are not too many frameworks, there is too little content.)
- Front-end — это технология, которая рулит миром с JavaScript-ом на троне
- Сумасшедшее и чудесное состояние веб-разработки (The Crazy and Wonderful State of Web Development)
- Состояние JavaScript — финальные результаты большого опроса (The State Of JavaScript = final results)
JavaScript
- Еще раз про обещания
- Javascript-путешествие с шестью символами
- Разработка игр на JavaScript
- Walmart публикует исходный код своей JavaScript-платформы для веб-сайтов — Electrode
- Как загрузка JavaScript может замедлить ваш сайт (даже с асинхронностью) (How loading JavaScript can slow websites down (even if it’s asynchronous))
- Как Twitter деплоит свои JS виджеты (How Twitter deploys its widgets JavaScript)
- Как использовать инлайновый JS для стилизации всего (Cut the SASS: How to Use Inline JavaScript Styles for Everything)
- Fetch – современные асинхронные запросы к серверу (Modern Async Server Calls)
- Начинаем работать с Web Workers в HTML5 — многопоточность в JS (Getting Started with Web Workers in HTML5 — Multi Threading in JavaScript )
- JavaScript Internationalization API
- Спасение от Callback Hell (Saved from Callback Hell)
- Отладка с Node.js (Debugging With Node.js)
- TypeScript от настройки до процесса: основы (TypeScript Up & Running: The Basics)
- От JavaScript к ClojureScript: какой редактор выбрать? (From JavaScript to ClojureScript: Which editor to choose?)
- Фреймворки:
- SoundCloud клиент на React+Redux
- Как тестировать компоненты React с помощью Jest (How to Test React Components Using Jest)
- Представление React-компонента для прогрессивных изображений (Introducing React Progressive Image)
- Прогрессивные веб-приложения с помощью React.js: Часть I — введение, Часть 2 — производительность загрузки страницы, Часть 3 — поддержка оффлайн состояния и сетевой устойчивости
- How React Do?
- React Components & B.E.M.
- Понимание жизненного цикла React (Understanding the React Life Cycle)
- Элегантная проверка форм с помощью React (Elegant Form Validation Using React)
- Angular 2 vs React: последний танец (Angular 2 vs React: The Ultimate Dance Off)
- Angular роутер: понимание редиректов (Angular Router: Understanding Redirects)
- Будущее Ember от Yehuda Katz @ EmberPDX (Future State of Ember by Yehuda Katz @ EmberPDX)
- Angular 2 lazy loading c Webpack (Angular 2 lazy loading with Webpack)
- Создаем среду разработки для Angular с помощью Gulp (Building Angular development environment with Gulp)
- Создание клона Trello с использованием Angular, Node.js, Mongo, и Express (Create a Trello Clone using Angular, Node.js, Mongo, and Express)
- Плагины:
- hyperform.js — полная имплементация HTML 5 form validation API на Javascript
- abDetector — определитель AdBlock на чистом JS
- KUTE.js — движок нативной анимации Javascript, включающий отличную производительность, morphSVG, drawSVG, 2D и 3D трансформации, SVG трансформации, цвета и другие свойства CSS3
- instafetch.js — JavaScript плагин для работы с Instagram API (без jQuery)
- iview — UI компоненты для Vue.js
- <f> mFancyTitle — плагин для анимации вашего заголовка страницы и favicon
- prottle — Promise.all() throttle
Браузеры
- Тренды браузеров октябрь 2016: падение Microsoft Edge (Browser Trends October 2016: Microsoft Edges Downward)
- Firefox 49 поддерживает теги HTML5 details и summary
- В ночных сборках Firefox прекращена поддержка NPAPI-плагинов, кроме Flash
- Microsoft Edge будет обновляться чаще, но частями
Новости и занимательное
- Представлена гарнитура виртуальной реальности Google Daydream View
- Производительность программы против читаемости и простоты: в пользу чего стоит делать выбор?
- Тим Бернерс-Ли дал шанс предотвратить стандартизацию средств DRM для Web
- Компания Mozilla представила проекты, получившие гранты в третьем квартале 2016 года
- Apple — самый дорогой бренд в мире
- Google Pixel и Ассистент или как Google решила вынести поисковую строку за рамки
- Что такое облачная робототехника? Рассказываем на примере ВАЛЛ-И
- Самообучающийся искусственный интеллект можно обмануть и украсть, воссоздав со 100% точностью
- Этикет Кремниевой долины: как принято себя вести в общении, на встречах и переговорах
- Экосистема Stack Overflow: больше, чем просто ответы
- Где искать ответы на свои вопросы, кроме Stack Overflow: 10 лучших ресурсов с ответами на программистские «почему» и «как»
- Силой мысли: история нейроинтерфейсов, современные разработки и финансовые перспективы области
- У владельца анонимного форума 4chan закончились деньги на развитие проекта
- 35 самых инновационных приложений 2016 года — рейтинг Fast Company
- Что не так с новыми Pixel?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю.
» Материал подготовили dersmoll и alekskorovin.
