Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
← Дайджест за прошлую неделю
» Материал подготовили dersmoll и alekskorovin
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Занимательное |
Веб-разработка
Тренды и события в мире веб-технологий в 2016 году- Подкаст Веб-стандарты, Выпуск №50 : Адаптивный дизайн, переход на CSS, ванильный JS, жестокий опенсорс, доступность, аутлайн и вёрстка логотипа.
- Манифест? А? Что? Зачем?
- Веб ожирел не по незнанию
- Google запускает AMP Lite — более эффективную технологию сжатия сайтов
- SEO 2017: тренды и рекомендации
Подготовка разработчика фронтенда к собеседованию в 2017-м- 5 трендов веба на 2017-й год
- Введение по созданию и отправке писем для веб-разработчиков
- Почему существуют кеши AMP
- Gulp vs Grunt – сравнение инструментов автоматизации
- Сколько данных нужно резервировать для Service Worker в оффлайн кеше?
- Делаем магию с WebSockets и CSS3
- Progress Nav — концепт визуализации прогресса навигации
- Модернизация доставки прогрессивного улучшения от Filament Group
- Десятка полезных сниппетов и хаков при работе с .htaccess
- WebAssembly запоздала: мысли о JavaScript для больших проектов
- Как получить ускорение производительности используя WebAssembly
CSS
- Адаптивный Pixel Perfect
- Грязные CSS хаки для адаптивных писем
- Три новые штуки в CSS для изучения в 2017-м
- Генерация рендомных чисел в CSS с помощью нативных переменных
- Изменение цвета каретки в браузере с помощью caret-color
- Ensure Animation — изящные запуск и остановка CSS анимаций
- Разбираемся с CSS Flexbox за 5 простых шагов
- Создание эффекта раскрашивания контента в стиле Spotify с помощью CSS Blend Modes
- Понимание Flexbox: все что вам нужно зать
- Я клялся никогда не использовать CSS в JS, и вот шесть причин того, почему я ошибался
- Position Sticky возвращается! Но у него есть проблемы
- Создание своей темы для Atom с помощью CSS
JavaScript
- JavaScript-тренды, на которые стоит обратить внимание в 2017-м
- Изучение JavaScript в 2017-м — отстой, и это круто!
- Начинаем дебажить JavaScript в Chrome DevTools
- RipVanWinkle.js — возвращение в JavaScript после 5-ти лет
- Prettier — инструмент для улучшенного форматирования JavaScript, поддерживающий ES2017, JSX и Flow.
- Incheon — мультиплеерная онлайн-игра на JS
- Теория:
- Переосмысление JavaScript: смерть циклам
- TypeScript против Flow
- Итерационные методы работы с массивами
- TypedArray или DataView: Понимание порядка байт
- Практика:
- Создание плеера iTunes с помощью Angular
- Создание калькулятора настроек батареи Tesla с реактивными формами Angular 2 от Todd Motto
- Создание собственного текстового поля для ввода тегов со Skate.js
-
Скоростное программирование игры «Змейка» на JS
- React:
- Мыслим в стиле React. Перевод туториала официальной документации библиотеки React.js
- Cерия переводов раздела «Продвинутые руководства» (Advanced Guides) официальной документации библиотеки React.js. JSX — подробности, PropTypes — проверка типов в React, Ref-атрибуты и DOM в React, Неконтролируемые компоненты в React, Оптимизация производительности в React
- Улучшение Состояния приложения с Redux
- Vue:
- Работа с шаблонами в Vue.js 2
- Vuelidate (0.2.0) — простая, легковесная валидация на базе модели для Vue.js 2.0
- PhoneGap приложения с Vue.js? Да, пожалуйста!
- ES6:
- Lebab это как Babel, только наоборот
- ES6 JavaScript минификатор: babili (ES6 JavaScript Minifier: babili)
- Libs & Plugins:
- jQueryflexdatalist Flexdatalist — (ещё один) jQuery плагин с автозаполнением и поддержкой тега <datalist>.
- iTyped — настраиваемая анимация печатающегося текста без зависимостей
- micromustache — очень быстрая и маленькая реализация части наиболее используемого функционала шаблонизатора {{mustache}} для JavaScript
- animationframes — минималистичный способ создания JS анимации
- Простая библиотека для работы со schema/атрибутами, использующая современный JavaScript
Браузеры
- Opera представила новый браузер Neon
- Фишинг через автозаполнение в Chrome (демо)
- Утечка исходных текстов браузера Opera 12.15
- В Firefox 53 будет включен просмотрщик JSON
Занимательное
- CES 2017: Главные новинки, 10 интересных анонсов выставки, Тренды и итоги CES 2017: как Лас-Вегас захватили селфи-дроны
- Новый алгоритм сжатия от Google позволяет экономить до 75% трафика без видимого вреда для изображений
- Atlassian приобрела сервис для управления проектами Trello за $425 млн
- Alphabet закрыл проект Titan по обеспечению доступа в Интернет с помощью дронов-спутников
- 10 лет с iPhone: в Apple отмечают юбилей своего смартфона
- NPM стал крупнейшим репозиторием пакетов
- 59% населения в мире уже имеет доступ к 4G
- Что происходит с виртуальной реальностью: гид для заблудившихся
- Как домашний искусственный интеллект делает проще — и сложнее — жизнь семьи Цукерберга
- Старикам здесь место: как правильно взрослеть в программировании
- Чему нас научили самые крупные прошлогодние ошибки технологических компаний
- Пьеса «Технический долг»: типичный случай из жизни разработчика
- YouTube тестирует функцию Super Chat с платными сообщениями
- Проект OpenNMT развивает систему машинного перевода на основе нейронной сети
- Dialogue with OOP guy
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
» Материал подготовили dersmoll и alekskorovin
