Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| CSS |
| Javascript |
| Занимательное |
Веб-разработка
- Как в HTML DRM внедрили: измена или эволюция?
Как PregBuddy достиг уровня 100/100 в LightHouse- Создание библиотеки шаблонов с помощью Shadow DOM в Markdown
- Медиа:
HTML Шорты — W3C или WHATWG- Подкаст «Веб-стандарты», Выпуск №76: Вертикальный ритм, Sass разрешил, переменные в препроцессорах, Susy жива, экономия на классах, чёрная магия CSS, ES 2017, полезный npx.
- Подкаст «Frontend Weekend» №11: Как попасть в Google в США и проводить курсы по Angular
- Подкаст «Фронтерки» №7: Курганов, зависимости, приветы
- Еженедельный стрим от Юрия Артюха #7 ALL YOUR HTML: дисторт на шейдерах из PIXI, маски на CSS и Canvas и тотальный Displacement
- AMP/PWA:
- Twitter начал давать AMP-ссылки в своих Android и iOS приложениях
- AMP — это ложь
- Как Google AMP повлиял на траффик Newcastle United
- Прогрессивное Веб Приложение с помощью Webpack
- Инструменты:
- Представляем npx: утилиту для запуска npm-пакетов
- Презентация Webpack Academy: полный курс по webpack
- Как использовать Sublime Text для разработки HTML писем
- Что нового в DevTools: в Chrome 60, в Chrome 61
- Webpack import() скоро будет получать JS + CSS — и вот как этого достичь сегодня
- Bundle Buddy — инструмент для нахождения дупликатов в бандлах
CSS
CSS и iOS Safari- Первый публичный черновик модуля CSS-шрифтов 4 уровня
- Методы организации CSS
- Давайте поговорим о Speech CSS
- Уменьшение размера CSS на 70% путем сокращения имен классов и изоляции скоупа
- CSS — это не темная магия. Пояснение основных концепций
- Как использовать кастомные свойства CSS для написания более читабельного кода
- Релиз Sass 3.5
- 10 вещей, которых вы, вероятно, не знали о Sass
- Теперь этот сайт использует Grid Layout
JavaScript
- Реверс-инжиниринг одной строчки JavaScript
- Простая валидация формы без JS
- Паттерны оптимизации JavaScript. Часть 1
- Паттерны оптимизации JavaScript. Часть 2
- Зачем и как создать сайт без JavaScript
- JavaScript действительно покоряет мир
- Project Guidelines — набор лучших практик для JavaScript проектов
- (Сейчас больше, чем когда-либо) Возможно, вы не нуждаетесь в jQuery
- MVC в Vanilla JavaScript
- Генерация изображений в JavaScript без использования Canvas API
- Десять вещей, которые серьёзный JS разработчик должен знать? (обсуждение на reddit) (What 10 Things Should a Serious Javascript Developer Know Right Now?)
- Javascript @ Uber. Запись доклада с AmsterdamJS Conference 2017
- ES2015+:
- ES8 вышел и вот его основные новые возможности
- 5 вещей, которые вы должны знать о ES8
- ES2015 Promises & ES2017 Async/Await
- JavaScript Async/Await, объясненные за 10 минут
- VueJS:
- 4 важных изменений в Vue.js 2.4.0
- Руководство по Vue.js для jQuery разработчиков
- React or Vue — это не вопрос для спора, а предпочтение
- Введение во Vue.js для новичков
- Юнит тестирование компонентов Vue.js с помощью Jest
- Как писать юнит тесты для Vue.js
- vuex-loading — комплексное управление загрузчиков для приложений на Vue/Vuex
- Урок по созданию ToDo списка: Создание компонентов Vue, Опция удаления Option и глобальные события
- React:
- Подкаст «Пятиминутка React» #25: Gatsby 1.0
- emotion — библиотека нового поколения для CSS-in-JS
- Презентация Microcosm: наш Data Layer для React
- Высокопроизводительный React: 3 новых инструмента для повышения скорости ваших приложений
- Юнит тестирование в React: поверхностное или статическое тестирование
- Angular:
- Топ 5 ошибок производительности мобильных приложений на Angular
- Continuous Integration с Angular CLI
- Angular 4 в 60 минут
- Libs & Plugins:
- Ленивые массивы в JavaScript
- BotUI — JS фреймворк для создания диалоговых интерфейсов
- glyphhanger — утилитая для автоматического объединения шрифтов в вебе. Может генерировать комбинированный список каждого глифа, который используется в списке семплов или URL-адресов
- pell — простейший маленький (1kB) WYSIWYG редактор текста для веба, без зависимостей
- JQuery FormStyler Modern — самостоятельный форк известной библиотеки для стилизации форм
Занимательное
- Консорциум W3С дал зелёный свет стандартизации DRM для Web
- Ubuntu Linux теперь можно установить прямо из магазина Windows
- Новый инструмент для резервного копирования и синхронизации данных Google Backup and Sync стал доступен для загрузки на Mac и Windows
- ICO, «глупые» деньги и перспективы эфириума
- «Я продержался в SoundCloud всего одну неделю, а потом меня сократили»
- Бум нейросетей: Кто делает нейронные сети, зачем они нужны и сколько денег могут приносить
- Хакеры «охотятся» на незавершенные установки WordPress
- Mozilla использует Google Analytics в менеджере дополнений Firefox
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
