Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Веб-разработка |
CSS |
Javascript |
Браузеры |
Занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №56: Новинки Chrome, плохой Base64, отладчик WebKit, ES-модули в браузере, Node.js и Webpack, спокойный UI, книга с рыбами, CSS-переменные.
- 2017?—?год, который фронтенд разработчики должны посвятить основам
- Записи видео конференции The Rolling Scopes 2017, прошедшей 18 – 19 февраля в Минске
- Нужен ли нам новый заголовочный элемент? Мы не знаем
- Тестирование скорости HTTP/2 в реальном мире (WordPress, много картинок и плагинов, тесты с/без H2 с/без CDN)
- Трюк с добавлением заддержки в отладчике для дебага интерактивных элементов, которые сложно отловить
- Подробное введение в Webpack
- Аудит производительности и nytimes.com Идентификация узких мест и всего такого
- Начало работы с VoiceOver & Accessibility
- Панели инструментов, клавиатуры и вьюпорты
- Атрибуты форм в HTML5 (часть 1)
- Чеклист код-ревью
- The HTML5 Robot. Забавный робот подскажет вам правильный тег
- Достижение 60 FPS анимации с помощью принципов FLIP (First, Last, Invert, Play)
- flatris — тетрис, написанный на веб-технологиях — архитектура на React/Redux, React Cosmos и PWA с поддержкой оффлайна
- Рисуем и анимируем желейные фигуры с помощью Canvas
- Победитель конкурса по созданию логотипа WebAssembly
CSS
- Ещё больше о том как работает Flexbox — объясняем на больших, красочных GIF’ках
- Трюк: раздельные функции CSS-трансформации
- Два новых первых публичных черновика CSS
- Неожиданная мощь единиц вьюпорта в CSS
- Отзывчивый дизайн за пределами Media Query
- Адаптивные CSS паттерны без медиа-выражений
- Почему я люблю Element Queries и вы тоже должны
- Масштабирование SVG Clipping Paths для использования в CSS
- Вариабельные шрифты
- Начинаем работать с вариабельными шрифтами
- CSS Grid: изучаем новую разметку
- Шпаргалка по выравниванию блоков
- Нюансы CSS Transitionend Events
- Пониимание и применение рекурсии в CSS
- Как использовать CSS анимацию профессионально
- Propeller — очередной фронтенд-фреймворк, основанный на Google's Material Design Standards & Bootstrap
- spacegrid — простая, отзывчивая сетка
JavaScript
- Emoji.prototype.length — рассказ об эмоциональных символах в Юникоде
- Современные приложения на JavaScript с помощью Neutrino
- Зачем изучать функциональное программирование в JavaScript?
- Функциональный JavaScript для ленивых разработчиков (таких, как я)
- Десятиминутное руководство по JS модулям, форматам, загрузчикам и сборщикам.
- Играем массивными мускулами. Возвращение к основам JS
- Анимированное введение в RxJS
- Быстрый совет: сортировка списков пользователей с Flexbox и jQuery
- babel-preset-env: пресет для конфигурации Babel под тебя
- Создание клевых форм с Ember.js
- Какой стек я должен использовать для моего SPA?
- Front-end: Angular против React против Vue
- ES2015+:
- ECMAScript 2016+ in Firefox
- Разберись с промисами перед началом использования async/await
- Даже с async/await, чистые промисы всё ещё являются оптимальными при конкурентных запросах
- Что нужно знать о типе Number в ES6 JavaScript
- Что нужно знать про ES6 Maps
- Angular:
- React:
- Как React решает, что нужно перерисовать компонент?
- 10 мини-паттернов в React
- Как масштабировать Redux приложения с Redux-Action-Recompose
- boundless.js — компоненты с UI для React-приложений
- Представление redux-query
- Vue:
- Управляем состоянием приложения с помощью Vuex
- A different point of Vue
- Топ 3 онлайн курсов по Vue.js 2
- Как работает роутинг во VueJS
- Vue-geb — Global Event Bus
- Libs & Plugins:
- Обработка изображений в Javascript
- ReactiveMaps — набор UI компонентов для карт реального времени
- React Select — гибко настраиваемый мультиселект с автозаполнением и поддержкой AJAX-а
- unfetch — минимальный полифил для fetch
- AR.js — дополненная реальность для Web с использованием ARToolKit — 60fps на мобильном
- Dwitter — визаулизации в canvas с минимумом кода
- walletjs — небольшая библиотека для работы со значениями денежных сумм
Браузеры
- В Firefox началось тестирование новых возможностей SnoozeTabs и Pulse
- В Chrome 57 не будет возможности отключить DRM — механизм защиты авторских прав
- Как использовать режим мобильной эмуляции в Chrome
- Браузер Blisk – «мечта каждого веб-разработчика»
Занимательное
- AMP-страницы появились в основной выдаче Google.ru
- Инженеры из Google представили глобальную файловую систему Upspin
- Из-за уязвимости сервис Cloudflare месяцами сливал данные клиентов
- Нейросеть «оживляет» рисунки котов. Выглядит жутко
- Самое понятное объяснение принципа работы блокчейна
- Google дал доступ к своему сервису, который замеряет уровень троллинга в комментариях
- Жизнь мема: кто и как зарабатывает на забавных картинках из интернета
- Открытое письмо рекрутерам IT-сферы
- Что такое алгоритмическое искусство: от Моцарта и Райха до «Нейронной обороны»
- «Бороться за глобализацию». Марк Цукерберг рассказал о новом векторе развития своей социальной сети
- Google и Mozilla сообщили, что антивирусы снижают уровень защиты протокола HTTPS
- Как алгоритмы влияют на жизнь
- Билл Гейтс: Роботы должны платить налоги, раз уж они отнимают работу у людей
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Поделиться с друзьями
Комментарии (11)
Qumbeez
02.03.2017 11:59В точку. С появлением мошенников, создающих форки биткойна, на улицах нашей страны это просто необходимая информация.
arturgspb
Не проходит и полгода/год, как появляется очередной супер фреймворк и начинаются статьи типа: почему jquery фигня, я выбираю angular. Через год, ангуляр уже ваще тьма, а реакт просто чудо и всех спасет. Еще через полгода, как со scala случилось, оказывается, что и реакт не серебряная пуля. Ок… думает js сообщество, теперь vue. И, не прошло года после криков с сравнением ангуляр и ректально, как общественность не заставила себя долго ждать и пошли статьи как обычно с громким и названиями "почему я перехожу на vue". Ну смешно просто)
Rapeed
К сожалению уже не смешно. Неприятно удивил тот факт, что в нескольких последних подборках авторов этого дайджеста Vue.js был выше чем остальные фрейморвки (что видимо означает большую важность Vue.js прямо сейчас?). В такие моменты начинаешь чувствовать себя не совсем уютно с «устаревшими» технологиями :)
derSmoll
Позиция фреймворка никак не обозначает его важность в этих подборках, если что :)
У каждого js фреймворка есть свой жизненный цикл, относительно короткий, и пора уже к этому привыкнуть. vue сейчас и скорее всего до конца года будет в тренде. А потом появится новая технология и у любителей vue тоже будет бомбить от этого факта.
arturgspb
Не кажется ли вам это несколько ненормальным? ) В топовых языках такого сумбура я не наблюдаю, только в js каждые полгода что-то "новое" изобретают. И супер тренд, ИМХО типизация переменных. От неё вроде ушли, но чето вроде как народ понимает, что это все же не зло. А с компонентный подходом для построения ui вообще смех — тыщщу лет оно в операционных системах и тут бац, в web е наконец об этом вспомнили.
derSmoll
Прошу прощения, но мне кажется ненормальным возмущаться по поводу этого в 2017-м :) JS живет такой жизнью уже далеко не первый, и даже не второй год, да и к топовым языкам его сложно отнести.
doit
Это по какому же принципу Вы составляете топ языков? )
dom1n1k
Появление Vue было закономерно и ожидаемо. Это типичное обратное колебание всех периодических процессов.
Angular и React много сделали для экосистемы — они привнести новые, очень важные подходы и концепции. Фактически, они сделали две небольшие революции. Вместе с тем, для многих людей и многих случаев они выглядят переусложненными (мы ведь помним, кто и для сайтов каких размеров их придумал?)
А автор Vue взял из этих монстров всё лучшее и перемолол в интуитивно-понятный и удобный вид. Он реально понятный и удобный — вот просто берешь, галопом пробегаешься по документации и какие-то не очень сложные вещи пишешь сходу и сразу. Без разворачивания адового рабочего окружения с десятью бандлерами и транспиляторами.
Почему в свое время jQuery стала такой популярной? Благодаря своей понятности. Чтобы начать её пользовать в базовом виде, достаточно было 10-минутного знакомства с доками, чтобы понять пару простых принципов. А дальше открываешь исходник и сразу понимаешь, что там происходит. Vue чем-то похож в этом смысле.