Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №60: Фоновые вкладки, CSSO, CSS Peeper, курс по SVG, участие в стандартах, доступность или жизнь, линтинг HTML, сайдбар за 5 строк, загрузка JS, jQuery не нужен, пуш-уведомления, междисциплинарное, Фронтёрки.
- Подкаст Фронтёрки, №002: Андрей Гурылёв, городские сообщества и идеальный стэк
- Вёрстка – это не тупо. Пособие для тех, кому надо верстать.
За пределами браузера: от веба к десктопным приложениям- Результаты Stackoverflow Developer Survey 2017. Что я узнал из опроса на Stack Overflow среди 64,000 разработчиков
- PWA:
- Progressive Web Apps — следующий шаг в Responsive Web Design
- Модернизация веб-сайта в прогрессивное веб-приложение
- Вопросы и ответы о Progressive Web App от cloudfour
- Веб-производительность:
- Оптимизируем мобильную версию сайта: что такое Google AMP
А вы знаете скорость загрузки вашего сайта с мобильных устройств? Самое время разобраться- Может ли Guetzli, новый декодер JPEG от Google, помочь решить проблему раздутого веба?
- Дискуссия на тему AMP
-
Эпизоды видеоподкаста Amplify: 7 способов, которыми AMP делает ваши страницы быстрыми, «Но у меня уже есть быстрый сайт»: Для ощущения мгновенной загрузки
- Уроки:
- Webpack для реальных задач: бандлинг фронтенда и добавление компиляции
- Введение в архитектуру Elm и как создать наше первое приложение
- Создание производительной анимации expand & collapse в блоге разработчиков Google
- Воссоздание легендарой музыки из восьмибитных игр с помощью Web Audio API
- Генератор адаптивных спрайтов
- Как и почему можно использовать кастомные data атрибуты HTML5
- Какой Responsive Design Framework лучший? Конечно же, это зависит
- Полное руководство по верстке писем под Android
- A11Y Style Guide
- Я был веб-разработчиком 17 лет, и вот что я узнал — Daniel Khan
- Представлен CodePen Projects — IDE для CodePen
CSS
- Учимся мыслить в REM. Разговор об очевидном и о производительности труда в небольшой веб-студии
- Пользовательские свойства как связующее звено между CSS и JS
- Свойства для выравнивания всего и их новые тайны
- CSS Grid Layout:
- CSS-гриды пришли насовсем
- Демонстративная страница CSS Grid от Moz://a
- Первые впечатления от CSS Grid Layout
- Моя первая практика с CSS Grid Layout
- “Фоллбеки” для гридов
- Добавление Grid на существующий дизайн
- Пишем модульный CSS (часть 2)
- Команда разработчиков Sass отвечает на вопросы
- Ваш CSS мог бы быть более понятным
- Кастомные свойсва CSS приходят и в Microsoft Edge
- Вы вроде как можете использовать кастомные шрифты в HTML письмах
- Подборка эффектов наведения из CodePen
- Текстовые эффекты с помощью CSS (и небольшой трюк с contenteditable)
JavaScript
- Краткая история JavaScript. Часть 2
- Отслеживание js-ошибок с помощью Метрики
- Лучшие доклады HolyJS 2016 Moscow: Доступ открыт
- Почему NaN это не «Not a Number»?
- Как унизить джаваскриптера
- Современный JavaScript для древних веб-разработчиков
- Жизнь после JavaScript: преимущества изучения второго языка
- Пишем JavaScript с учетом доступности
- JavaScript против Python в 2017
- Подводные камни async/await ES7
- Упрощение асинхронного кода с функцями Async/Await
- Быстрый совет: как работают ссылки в JavaScript
- Крупномасштабная веб-разработка с TypeScript
- Как я изучаю любой front-end фреймворк
- Тестирование Service Worker-ов
- Создание обложки книги с использованием JavaScript и p5.js
- Angular:
- React:
- Эврика! Моменты озарения при изучении React
- Понимание развёртывания React приложений
- Шпаргалка по композиции React компонентов
- setState() Gate
- Функциональный setState — это будущее React
- React медленный, React быстрый: практическая оптимизация React приложений
- Vue:
- Libs & Plugins:
- iterare — библиотека для работы с итераторами ES6
- 7 JavaScript библиотек для приборных панелей
- MoveTo — легкая анимационная библиотека для прокрутки к элементам, без зависимостей
Браузеры
- Проект Mozilla по созданию нового оформления интерфейса Firefox
- Что нового в Chromium 57 и Opera 44
- Chrome 58 Beta: IndexedDB 2.0, улучшение в iframe навигацииnavigation и полноэкранный режим для PWA
- Подробности релиза Safari Technology Preview 26
- Технические детали Chrome 58
Занимательное
- GitHub добавил защиту от атак, использующих коллизии SHA-1
- Twitter даст телеканалам возможность вести профессиональные прямые трансляции
- Apple показала красный iPhone. И убила линейку iPad Air. Следующей инновацией Apple станет дополненная реальность
- Google выпустила первую тестовую версию Android O
- Три ветви Node.js получили обновления
- Почему Google не планирует запуск mobile-first индекса
- Сооснователь Mozilla и создатель JavaScript планирует создать рекламную платформу на базе блокчейн
- Business Insider: Facebook сформировала секретное подразделение для разработки «сканеров мозга» и камер дополненной реальности
- Школьный учитель разгадал сигнальный код на здании Adobe
- Бесплатный Google Optimize приносит A/B-тестирование сайтов в массы
- Приоритеты, вера и лидерство: почему команды в Apple и Google работают продуктивнее конкурентов
- Крупнейшие рекламодатели ушли с YouTube. Это стоило Alphabet $35 млрд
- «Собеседование — это бесплатный урок»: чему я научился, когда меня не взяли менеджером в Google
- GitHub теперь позволяет своим сотрудникам сохранять за собой права на интеллектуальную собственность, созданную в рабочее время
- В чём разница между популярными Open Source лицензиями? Объясняет Github
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
