Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы и интересные материалы из фронтенд-сферы.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости и развлечения |
Веб-разработка
-
Я заглянул в папку node_modules и вы не поверите, что произошло - Подкаст по веб-стандартам, выпуск № 29 : Funeral Flash, Samsung Internet, книга секретов CSS, функции цвета, SVG, курсор-кнопка.
Гость: Роман Комаров
- Обзор макета: 10 полезных комментариев и советов
- Выпущен WordPress 4.6 «Pepper» с оптимизированным управлением плагинами и темами
-
10k Apart — конкурс по созданию полноценных сайтов или веб-приложений, ограниченных размером до 10Кб и функционирующих без JS. .Работы оценивают Сара Суэйдан, Рэйчел Эндрю и другие.
-
Нужно писать меньше чертового кода , советует нам фрилансер Хейдон Пикеринг (Writing Less Damn Code) -
Средняя веб-страница (анализ 8 миллионов сайтов) (Средняя веб-страница (данные анализа 8 миллионов веб-сайтов)) -
Как защитить ваш сайт от атак повторного воспроизведения (Как предотвратить атаки повторного воспроизведения на вашем веб-сайте) -
Скрытая сила компонентов шаблона Handlebars (Скрытая сила частичных рулей) -
Обрезка миниатюр изображений с помощью SVG (Обрезка миниатюр изображений с помощью SVG) -
Что я узнал об адаптивном дизайне шаблонов электронных писем (Что я узнал об адаптивном дизайне электронной почты) - API:
- Мониторинг веб-приложений
-
Автономное хранилище для прогрессивных веб-приложений (Автономное хранилище для прогрессивных веб-приложений) -
Что такое API на человеческом языке (Что такое API? На английском, пожалуйста.)
-
Что нового в веб-аудио? (Что нового в веб-аудио?) -
Улучшение пользовательского интерфейса с помощью веб-аудио (Оживите свой пользовательский интерфейс с помощью веб-аудио)
- Доступность:
-
Снова делаем доступность великолепной: аудит доступности веб-сайтов кандидатов в президенты США (Снова делаем веб-доступность великой: проверка доступности веб-сайтов кандидатов в президенты США) -
Начните создавать доступные веб-приложения уже сегодня .Серия бесплатных уроков по Egghead (Начните создавать доступные веб-приложения уже сегодня)
-
- Производительность:
-
Практический пример повышения производительности клиентов (Пример повышения производительности клиентской части) -
HTTP/2 ускоряет загрузку медиафайлов на мобильные устройства в 3–15 раз.
(HTTP/2 ускоряет загрузку мультимедиа на мобильных устройствах в 3–15 раз)
-
- Анимация:
- Мыльные пузыри в SVG
-
Сравнение разных техник веб-анимации на примере прыгающего мяча.
(Сравнение техник веб-анимации, показывая, как отбивать мяч с помощью каждой из них) -
Когда использовать API веб-анимации (Когда использовать API веб-анимации) -
Анимация олимпийских колец с помощью gsap. (Олимпийские кольца) -
Забавная интерактивная форма отзыва покупателя (для зоомагазина) -
Презентация нового типа анимации в Isotope — Staggering Animations
- Генераторы:
-
статикман — это приложение Node.js, которое загружает пользовательский контент в репозиторий GitHub. На практике это позволяет вам иметь динамический контент, например комментарии под сообщением в блоге, как часть статического сайта Jekyll. -
Настройка живого руководства по стилю в Jekyll (Настройка живого руководства по стилю в Jekyll) -
ядро — генератор стилей на nodejs. Приложение анализирует файлы SCSS и берет информацию из аннотаций DocBlock.
-
CSS
-
Как часы или анимируйте со скоростью 60 кадров в секунду с помощью CSS 3. -
Трехпозиционный чекбокс (он же tristate) без скриптов и СМС - Полезные сведения о курсорах по умолчанию
-
Гудини уже готов? (Гудини уже готов‽) -
Bootstrap против Foundation – 2 лучших CSS-фреймворка -
Использование функциональных запросов (поддержек) в CSS (Использование функциональных запросов в CSS) -
Вы можете изобрести свой собственный странный язык, используя атрибуты и их селекторы.
(Вы можете изобрести свой собственный странный язык дизайна с атрибутами и селекторами атрибутов) -
Предлагаемое свойство box-suppress (Предлагаемое свойство подавления коробки) -
Свойство `font-display` для масс (`font-display` для масс) -
Анимация для увеличения фоновых изображений (Масштабирование фоновых изображений) -
Новая техника гибкой типографики, позволяющая манипулировать размерами в заданном диапазоне.
(Гибкая типографика с блокировкой CSS) -
Как создать макет с помощью макетов CSS Grid (Как создать простой макет с помощью CSS Grid Layouts) -
Тридцать один способ сократить время, затрачиваемое на ручное кроссбраузерное тестирование (31 способ тратить меньше времени на ручное кроссбраузерное тестирование) -
Шпаргалка по стилю для React Native (Шпаргалка по стилю React Native) -
UnCSS онлайн! — сервис, удаляющий неиспользуемый CSS-код (UnCSS онлайн!) -
Гарри Робертс | CSS для программистов и разработчиков CSS | День CSS 2016 (Гарри Робертс | CSS для инженеров-программистов для разработчиков CSS | День CSS 2016)
JavaScript
-
Прогрессивная загрузка веб-приложения с использованием разделения кода -
JavaScript: где мы сейчас находимся и куда идти -
JavaScript выходит за пределы Интернета в 2015 году -
Зачем нам нужен jQuery? -
Да, вам следует изучить ванильный JavaScript, прежде чем иметь дело с js-фреймворками.
(Да, вам следует изучить Vanilla JavaScript, прежде чем создавать Fancy JS Frameworks) -
Доработка кода JavaScript: избавляемся от старых хаков ES5 (часть 2) (Сделайте свой JavaScript-код сияющим: избавьтесь от старых хаков ES5 (Часть 2)) -
Урок живого погружения в ES2015 (Живой урок погружения в ES2015 с Дарином Хенером) -
Быстрый совет: что такое фабричные функции в JavaScript (Быстрый совет: что такое фабричные функции в JavaScript) -
Таинственная и загадочная монада Maybe в JavaScript (Удивительно загадочная монада JavaScript Maybe) -
Скорость загрузки и выполнения небольших модулей (Стоимость небольших модулей) -
Укрощение глубоко вложенных цепочек обещаний (Распутывание глубоко вложенных цепочек обещаний) -
Более 100 эмуляторов, написанных на JavaScript. (более 100 эмуляторов, написанных на JavaScript) -
Демо-версия распознавания чисел с использованием графического процессора и нейронной сети (Демо-версия глубокого обучения графического процессора) -
Введение в сервисных работников (Введение в обслуживающий персонал — JS Monthly London) -
Переход в автономный режим с Service Workers (Эмануэль Клюге: отключитесь от сети с работниками сферы обслуживания – JSUnconf 2016) -
JavaScript-электроника на Pi Zero (JavaScript Electronics на Pi Zero — Async Brighton) - Рамки:
- Работа с Redux: Введение
-
Аурелия 1.0: как создать простое приложение с авторизацией (Аурелия 1.0: Как создать простое защищенное приложение) -
Написание фреймворка JavaScript – оценка кода песочницы (Написание фреймворка JavaScript – оценка кода в песочнице) -
Расцвет функционального программирования и упадок Angular 2.0 (Рост функционального программирования и упадок Angular 2.0) -
Реми Шарп: Что такое React? -
React для дизайнеров (React для дизайнеров) -
act-roadmap — дорожная карта для изучения React (react-roadmap — тщательно подобранный список бесплатных ресурсов для освоения разработки React) -
Представляем React Native Ubuntu (Представляем React Native Ubuntu) -
Реагировать на волоконную архитектуру (реагирующая волоконная архитектура) -
Десять функций RxJS, которые необходимо изучить, с примерами (10 функций RxJS, которые необходимо знать, с примерами) -
Все о $q и обещаниях в Angular (Все о $q и обещаниях в Angular) -
От ng-контроллера к классам компонентов (От ng-контроллера к классам компонентов)
- Плагины и библиотеки:
-
ВАУД.JS
— библиотека для работы с Web Audio с откатом на HTML5 audio -
дефис — библиотека для расстановки дефиса при расстановке слов -
Papa Parse — мощный парсер CSV (Papa Parse — мощный анализатор CSV в браузере для больших мальчиков и девочек) -
реагирующие даты — доступная, готовая к переводу и оптимизированная для мобильных устройств библиотека для выбора дат в приложениях React. -
Recharts — библиотека составных диаграмм для React. (Recharts — составная библиотека диаграмм, построенная на компонентах React)
-
Браузеры
- Спасите Private Edge: новый план Microsoft
- Mozilla экспериментирует с добавлением в Firefox инструмента для обмена скриншотами
- Поддержка colspan=0 удалена из Firefox 47+.
- Рекомендации, которые появятся в Google Chrome для Android
- Ошибка в Chrome и Firefox позволяла подменять URL-адрес с использованием арабских символов.
- Почему я не смог начать использовать Microsoft Edge
-
WebVR 1.0 появляется в Firefox Nightly (WebVR 1.0 доступен в Firefox Nightly) -
Странные браузеры @ Webworker NRW - презентация Нильса Линхера о мире существующих браузеров -
Вместе с данным постом часто просматривают:
-
Ливингстон, Дэвид
19 Oct, 24 -
Слухи: Google Купит Nintendo
19 Oct, 24 -
Разблокировка Для Iphone 4
19 Oct, 24 -
На Шаг Ближе К Восстановлению Тимуса
19 Oct, 24
