Представляем вашему вниманию подборку со ссылками на полезные ресурсы и материалы из области фронтенда и дизайна.
Благодаря нововведениям в создании постов и разделению их на отдельные потоки разработки и дизайна, текущий пост станет последним в этом формате.
| Развитие клиентов |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Развлекательный |
Развитие клиентов
- Веб-стандарты, выпуск 15: блокировка рекламы, события указателя, расширения, веб-компоненты
- RadioJS Эпизод 39: React, дорогая, пиво и все остальное
-
Данные на фронтенде: шаг к приложениям будущего - Введение в веб-MIDI
-
Интересная статья об оптимизации хореографии контента, изображений и типографики для больших экранов.
(Оптимизация для крупномасштабных дисплеев) -
Введение в API видимости страниц -
Незастрявший веб-пакет — Инструмент с графическим интерфейсом и готовыми шаблонами Webpack для тех, кто не хочет тратить время на настройку. -
Введение в Webpack: часть 2 (Введение в Webpack: часть 2) -
Необходимые инструменты для кроссбраузерного тестирования в 2016 году (7 инструментов кроссбраузерного тестирования, которые вам понадобятся в 2016 году) -
Шпаргалка по Bootstrap 4 -
Список утилит командной строки для работы со структурированной текстовой информацией (Список инструментов командной строки для работы со структурированными текстовыми данными) -
Интерактивные уроки по работе с Sublime (Высший наставник) -
Я чертов вебмастер (Я чертов вебмастер) - Производительность:
- Предварительная загрузка ресурсов в HTML5 .
Прогнозируйте действия пользователя и предварительно загружайте ресурсы для повышения производительности.
-
Советы по развертыванию интерфейса на HTTP2 (Рекомендации по развертыванию внешнего интерфейса HTTP2) -
Полное руководство по оптимизации изображений для Интернета (Оптимизация изображений для Интернета – Полное руководство)
- Предварительная загрузка ресурсов в HTML5 .
- СВГ:
-
Создание шаблонов SVG, не утомляя ваш мозг (или бюджет) (Освоение шаблонов SVG без ущерба для мозга (или бюджета)) -
Еще раз об обтравочных контурах SVG -
Маскирование в браузере с помощью CSS и SVG (Маскировка в браузере с помощью CSS и SVG)
-
- Доступность:
-
Стоимость доступности (Стоимость доступности) -
Создание более доступного пользовательского интерфейса с использованием HTML5 и UIA (Создание более доступного пользовательского опыта с помощью HTML5 и UIA) -
Как провести базовый аудит доступности вашего сайта (Как провести базовый аудит доступности вашего сайта) -
Краткое руководство: как сделать доступные веб-компоненты (Как сделать доступные веб-компоненты — краткое руководство) -
Что Vox Media делает с проблемами доступности -
Друг — коллекция доступных компонентов для Интернета (Off Canvas, аккордеон, вкладки и т. д.)
-
- Эзахватывающая паутина:
-
Анимированный эффект искажения для кнопок с использованием SVG-фильтров.
(Искаженные эффекты кнопок с помощью SVG-фильтров) -
Анимированные эффекты различных переходов (Анимированные эффекты перехода) - Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #37
-
CSS
-
Стилизация React-компонентов -
Переход от HTML Grid к CSS Grid-системам - Значимый CSS: стиль вашей логики .
Перевод статьи Значимый CSS: стиль, который вы имеете в виду сообщество css-live.ru
- Видео с ПитерCSS №3
-
Важность !important в CSS (Важность !important: обеспечение неизменности в CSS) -
Варианты использования вертикальных медиа-запросов (Случаи использования вертикальных медиа-запросов CSS) -
BEMantic: DRY, как вы это имеете в виду -
to__bem или нет__to--bem -
Разработка архитектуры для стилей фронтенда (Разработка стилей интерфейса) -
CSS-модули в Rescue.jsx -
CSS-модули в примерах -
Напишем красивые комментарии на CSS (Давайте напишем красивые CSS-комментарии) -
Хорошие и плохие практики CSS для начинающих (Хорошие и плохие практики CSS для начинающих) - Типография
-
По-настоящему гибкая типографика с единицами измерения vh и vw. (Поистине плавная типографика с единицами vh и vw) -
Flexbox и обрезка длинного текста (Flexbox и усеченный текст) -
Адаптивное модульное масштабирование текста (Отзывчивая модульная шкала)
-
JavaScript
- Метод функции привязки своими руками
- Опубликованы новые документы по методологии b_: JavaScript от BЭM , Возможности JavaScript
-
Дорожная карта JavaScript: впереди более мелкие и частые обновления (Дорожная карта JavaScript: впереди более мелкие и частые обновления) -
Упрощенный жаргон JavaScript (глоссарий) (Упрощенный жаргон JavaScript) -
Нейронные сети в JS (Нейронные сети в Javascript) -
7 удивительных вещей, которые я узнал, когда писал генератор чисел Фибоначчи на JS (7 удивительных вещей, которые я узнал, создавая генератор Фибоначчи на JavaScript) -
Что такое Promise.try и почему это так важно? (Что такое Promise.try и почему это важно?) -
Создание простого цикла с использованием массива (Создайте простой цикл, используя массив) -
Модульный JavaScript: руководство для начинающих по SystemJS и jspm (Модульный JavaScript: руководство для начинающих по SystemJS и jspm) -
Немного о новых параллельных примитивах в JavaScript (Вкус новых параллельных примитивов JavaScript) -
Необычные селекторы jQuery (Необычные селекторы jQuery) -
Создайте своего собственного бота Slack с помощью Node.js. (Создайте свой собственный SlackBot с помощью Node.js) -
Видеокурсы по Node.js (Изучите Node.js) - ES6:
- Подробно о ES6: генераторы, продолжение
-
5 «плохих» частей JavaScript, исправленных в ES6 (5 «плохих» частей JavaScript, исправленных в ES6) -
Пример использования генераторов ES6 (Чехол для генераторов ES6) -
Обзор наборов ES6 (Взгляд на наборы ES6) -
Как создавать и публиковать модули ES6 сегодня с помощью Babel и Rollup (Как создавать и публиковать модули ES6 сегодня с помощью Babel и Rollup)
- Рамки:
-
Почему вы не можете использовать Backbone.js в 2016 году -
Учебное пособие по ReactJS 15.0.2 -
Лучшие новости и анонсы с ng-conf 2016 (Лучшие новости с Angular ng-conf 2016) -
33 Видео с ng-conf 2016 (нг-конф 2016) -
Производительность в Angular: настройка движка (Угловая производительность: настройка двигателя) -
Не вините фреймворк: мой опыт работы с AngularJS и ReactJS (Не вините фреймворк: мой опыт работы с AngularJS и ReactJS) -
Серия Angular 2. Часть 5: Формы и пользовательская проверка (Серия Angular 2. Часть 5: Формы и пользовательская проверка) -
Создание собственного расширения Chrome с помощью Angular 2 и TypeScript (Создайте собственное расширение Chrome, используя Angular 2 и TypeScript) -
Как я перестал волноваться и полюбил JSX (Как я научился перестать беспокоиться и полюбить JSX) -
Советы по оптимизации рендеринга набора элементов в React (Советы по оптимизации рендеринга набора элементов в React) -
Начало работы с Ionic: навигация (Начало работы с Ionic: навигация)
-
- Скрипты и плагины:
-
Токбот — генерирует содержимое страницы с якорными ссылками в соответствии со структурой HTML-заголовка. -
JavaPoly.js — полифилл для встроенной поддержки JVM в браузере.
(JavaPoly.js — Java (скрипт) в браузере) -
Stop.js — setTimeout на основе обещаний (Stop.js — база обещаний `setTimeout`, уменьшите количество обратных вызовов) -
Trial.js — библиотека для мониторинга положения курсора мыши и прогнозирования дальнейшего поведения (Trial.js — простая библиотека может отслеживать положение мыши и предсказывать ввод пользователя) -
Панель сценариев Adobe CC — панель для сценариев для After Effects, Illustrator и Photoshop. (Панель сценариев Adobe CC — панель сценариев для After Effects, Illustrator и Photoshop)
-
Браузеры
-
Давайте спасем Firefox - Представлена программа предварительного просмотра экспериментальных улучшений Firefox
- Новый режим экономии заряда батареи в браузере Opera для ПК продлевает срок службы батареи ноутбука на 50 %
- Chrome планирует отключить информирование сайтов о поддержке Flash
- Теперь вы можете блокировать рекламу в Microsoft Edge с помощью AdBlock или Adblock Plus.
- Технология «Антишок» теперь доступна в Яндекс Браузере для Android-устройств
-
Выпуск Safari Technology Preview 4 -
Blisk — браузер на базе Chromium для веб-разработки.
(Разрабатывайте и тестируйте веб-сайты, которые отлично выглядят и отлично работают на любом устройстве) -
Последние разработки в области безопасности браузеров (Передовой уровень безопасности браузера)
Дизайн
Вместе с данным постом часто просматривают:
-
Электрические Дороги Будущего
19 Oct, 24 -
Last.fm Снова Бесплатен?
19 Oct, 24 -
Проблема На Flickr
19 Oct, 24
