Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «radiojs» Выпуск 51: MiniBeerJS с Сергеем Рубановым и Григорием Шехет•
Подкаст «Frontend Weekend» #41 – Виталий Харисов о создании симферопольского офиса и разработке Яндекса на Украине•
Подкаст «devschacht»: Ночной фронтенд #23 — SPb Frontend Meetup: Космос, Jenkins и проблемы TCP•
«ALL YOUR HTML» #37: «Земля, координаты, кватернионы, Лида»•
Видео с OdessaFrontend Meetup #5
Веб-разработка
•
Уязвимости вашего приложения• Рынок зарплат фронтенд-разработчиков
• Руководство для прохождения интервью по фронтенду
•
Состояние SEO в 2018•
Подготовьте свой набор навыков к интервью на веб-разработчика — часть 1•
Создание идеального отзывчивого конфигуратора•
Вещи, о которых нужно знать для работы с SVG в VS Code•
Progressive Web Apps приходят на все платформы Chrome•
Progressive Web Apps (PWA) могуть быть отличным уравновешивателем для Microsoft, Google и Apple•
Измеряем влияние третьесторонних ресурсов на производительность с помощью WebPageTest- Инструменты:
• Освоение Chrome Developer Tools: техники нового уровня в разработке front end
•Состоялся релиз Webpack 4.0.0: Legato. До 98% быстрее время сборки, sideEffects, First Class WebAssembly support, #0CJS — mode, auto-common-chunking и многое другое
•Релиз npm v5.7.0. Имейте в виду: Критическая проблема в NPM 5.7, приводящая к смене прав доступа на системные каталоги
•Как ускорить сборку CI с помощью нового NPM CI и package-lock.json
•Онлайн-генератор CSS градиантов с помощью GradPad
•kuker — расширение браузера для отладки приложений на React, Angular, Vue & Vuex, Redux, redux-sage, HTML, Stent, Machina.js, MobX
CSS
•
Медиа-запросы в адаптивном дизайне 2018• Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки
• Как использовать свойство order во флексбоксах, не вызывая хаоса
• Вёрстка «Battle city» на гридах
•
Разработка новой типографики с помощью для фронтенда GOV.UK•
Изучение CSS переменных за 5 минут•
Стилизация пустых ячеек с помощью генерируемого контента и CSS Grid Layout•
Пересмотр схлопывания Margin•
Хотите изучить CSS переменные? Вот мой бесплатный курс из 8-ми частей•
Понимание веб-шрифтов и получение максимальной отдачи от них
JavaScript
•
[в закладки] Инструменты для тестирования JavaScript-проектов•
Jake Archibald: все что я знаю про Event Loop в JavaScript (2018)•
Как работать с JavaScript в 2018•
Ландшафт изучения JavaScript в 2018•
This.JavaScript — состояние актуальных фреймворков и библиотек в JavaScript•
Руководство для новичков по GreenSock Animation Platform•
Настройка проекта с ES6 javascript с помощью webpack и babel•
Обнаружить и отрефакторить copy-paste код JavaScript
Браузеры
•
Chrome 68 будет помечать все сайты HTTP как «небезопасные»• Мобильный браузер Google Chrome начал автоматически обрезать “трекинговые” окончания URL, которыми пользователь делится с помощью меню Share
• Представлена бета-версия Opera 52 с ускоренным блокировщиком рекламы
•
6 популярных headless браузеров для веб-тестирования•
Заметки к релизу для Safari Technology Preview 50
Занимательное
• GitHub прекратил поддержку ненадёжных методов шифрования
• Эмодзи, описания, превью: GitHub получил обновлённые лейблы
• Microsoft поделилась мыслями о развитии технологий смешанной реальности
• 10 прорывных технологий 2018 года по версии MIT Technology Review
• Эксперты Google сообщили, что один из свежих патчей для Windows 10 неэффективен
• 13 самых странных криптовалют, которые реально существуют
• Microsoft и Xiaomi cтали партнёрами в работе над технологией искусственного интеллекта и смартфонами
•
Gmail обзавёлся продвинутой аналитикой
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Комментариев нет:
Отправить комментарий