Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы, интересные материалы и новости IT. 
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Развлекательный |
Веб-разработка
-
Генератор точек останова адаптивного изображения , новый онлайн-инструмент, упрощающий работу с адаптивными изображениями. -
Просмотр панели безопасности в DevTools -
Проблема с Chromium WebViews -
Джейк Арчибальд: 2016 год – год веб-стримов (2016 — год веб-стримов) -
Альтернативы отключению службы Parse (Анализ альтернатив) -
Позвони мне Электронная почта: приручение монстра по имени HTML Электронная почта (Позвоните мне по электронной почте: победа над зверем, которым является электронная почта в формате HTML) -
Поддержка скрытых атрибутов HTML5 и скрытых aria в 2016 г.
(Состояние поддержки скрытого контента в 2016 году) -
Анализ веб-анимации для топ-30 сайтов от Awwwards.com (Тенденции в веб-анимации: деконструирован 31 лучший веб-сайт) -
Урок по созданию запроса на включение (Учебное пособие по запросу на включение) -
Когда ты знаешь основы, но все еще не умеешь программировать (Когда вы знаете основы, но все еще не умеете программировать) -
Координация рабочего процесса с фронтендером (Согласование вашего внешнего процесса) -
Новая функциональность в CodePen — JS Console -
Создание простой автономной страницы с использованием Service Workers (Создайте действительно простую автономную страницу с помощью Service Workers) -
Урок от Сары Суэйдан по созданию анимированного SVG-баннера с использованием GSAP (Улучшите анимацию SVG с помощью GSAP) -
Система спрайтов внешних символов SVG на основе Gulp от Уны Кравец -
Три плагина, которые стоит включить в каждую конфигурацию Grunt и Gulp (3 плагина, необходимые каждому Gruntfile и Gulpfile) -
Неофициальный генератор кода для вставки информационного виджета с данными CanIUse ((Неофициальная) вставка CanIUse) - Продуктивная сеть:
-
Конструктор бюджета веб-приложения для продуктивности от Брэда Фроста (Строитель бюджета производительности) -
?Эксперты по веб-производительности делятся советами и подводными камнями (Веб-производительность: более 20 экспертов делятся своими советами и ошибками) -
18 советов по оптимизации производительности сайта (18 советов по оптимизации производительности веб-сайта)
-
- Эзахватывающая паутина
CSS
- Минимально необходимые шрифты .
Перевод статьи КРИТИЧЕСКИЕ ВЕБ-ШРИФТЫ сообщество css-live.ru
- Переменные как основа архитектуры CSS при работе с препроцессорами .
Перевод статьи Переменные: основа архитектуры CSS на Прогрессор
- Очень простой урок по CSS3-анимации от frontender.info
- Показ: содержимое и его новые друзья спешат на помощь
-
Объяснение нового отображения: свойство содержимого с примерами кода.
(Исчезающие поля с отображаемым содержимым) -
воксель.css
— облегченная библиотека для рендеринга трехмерных объектов с использованием CSS (GPU-ускорение/переходы CSS3) (облегченная библиотека вокселей 3D CSS) -
Структура стиля масонства с использованием чистого CSS (Макет каменной кладки на чистом CSS) -
Расширение Sass с помощью PostCSS (Расширение Sass с помощью PostCSS) -
О правиле импорта в CSS -
Рефакторинг CSS без потери клиента и разума (Рефакторинг CSS без потери клиента или ума) -
Использование современного CSS для создания адаптивной сетки изображений (Использование современного CSS для создания адаптивной сетки изображений) -
Возможности CSS-шрифтов для WebKit -
Новый взгляд на шаблон меток с плавающей запятой, реализованный с помощью CSS (Возвращаясь к шаблону плавающей метки с помощью CSS) -
Написание потрясающего Sass с помощью OOSass (Написание Kick-Ass Sass с OOSass) -
Bulma — еще один CSS-фреймворк, построенный на Flexbox. (Bulma — современный CSS-фреймворк на основе Flexbox) -
Подсказка.css 2.0
— библиотека для добавления всплывающих подсказок -
Онлайн-книга Изучите CSS Layout: педантичный подход
JavaScript
- Рамки:
-
Как бы выглядел ваш JS-фреймворк, если бы он был кошкой? (Какой кот является вашим фреймворком JavaScript?) -
Моя реакция на React (Моя реакция на реакцию) -
React и экономика динамических веб-интерфейсов (React и экономика динамических веб-интерфейсов) -
Девять вещей, которые должен знать каждый новичок в React.js (9 вещей, которые должен знать каждый новичок в React.js) -
Создание универсального приложения для блога с помощью React: пошаговое руководство (Создание универсального блог-приложения на React: пошаговое руководство) -
Создайте чат-приложение за 40 минут с помощью React и Meteor (Создание приложения для живого чата за 40 минут с помощью React и Meteor) -
Angular против React: пошаговое сравнение (Angular против React: параллельное сравнение) -
Angular JS 2.0 для революционной разработки UI/UX (Angular JS 2.0 революционизирует разработку UI/UX)
-
- ES6:
-
Возможности ES2016 и ECMAScript в стандартной комплектации (Функции ES2016 и ECMAScript как жизненный стандарт) -
Простые примеры, которые помогут вам лучше понять ES6. (Простые примеры, которые помогут вам понять ES6) -
Создание ES6 Javascript для браузера с помощью Gulp, Babel и других инструментов (Создание ES6 Javascript для браузера с помощью Gulp, Babel и других)
-
-
Хардкорный JS или мощь в 30 строк (Хардкорный JavaScript или Сила 30 строк) -
Полное руководство по построению диаграмм в JavaScript (Диаграммы JavaScript: полное руководство) -
Понимание преобразователей в JS (Понимание преобразователей в JavaScript) -
Чего ожидать от JS в 2016 году — улучшения языка (Чего ожидать от JavaScript в 2016 году – улучшения языка) -
Подборка из серии Вам не нужно/может не понадобиться. -
Чему мы можем научиться у jQuery, который значительно продвинул веб-платформу? (Чему мы можем научиться из того, как jQuery симбиотически продвигал вперед веб-платформу?) -
Изучение собственных функций JS и их использования.
(Изучение собственных функций JavaScript и их использования) -
Сердце и душа прототипного объектно-ориентированного подхода: конкатенативное наследование (Сердце и душа прототипного ОО: конкатенативное наследование) -
Почему все говорят об изоморфном/универсальном JavaScript и что делает его особенным? (Почему все говорят об изоморфном/универсальном JavaScript и почему это важно) -
Презентация: Современный JavaScript: влияние Smalltalk -
Движение к обещаниям по геолокации (Переход к модульным обещаниям через геолокацию) -
Фильтрация и сортировка списка слов (Фильтрация и сортировка списка строк) -
Несогласованное состояние набора инструментов JavaScript (Спорное состояние инструментов JavaScript) -
Справочник Babel — использование и создание плагинов (Справочник Вавилона) -
Библиотеки и компонентные архитектуры (Библиотеки интерфейсных приложений и архитектуры компонентов) -
Модульное тестирование вашего JS с помощью Mocha и Chai (Юнит-тест вашего JavaScript с использованием Mocha и Chai) -
Представление jCanvas: jQuery с HTML5 Canvas (Введение в jCanvas: jQuery соответствует HTML5 Canvas) - Плагины:
-
Коллекция плагинов и инструментов для создания всплывающих подсказок.
(73 плагина всплывающих подсказок, созданных с помощью jQuery, CSS, JavaScript и других!) -
Громкие ссылки — библиотека для добавления звуков при взаимодействии с интерфейсом.
(Громкие ссылки — простая крошечная библиотека Javascript для добавления звуков взаимодействия на ваш сайт.) -
Просмотрщик.js
— просмотрщик изображений JavaScript -
trunc-html — обрезать HTML до указанного количества символов.
(trunc-html — обрезать html по длине текста) -
vivus — библиотека для реализации SVG-анимации (vivus, оживляющий ваши SVG) -
datedropper — плагин jQuery для создания полей ввода даты (datedropper — это плагин jQuery, который обеспечивает быстрый и простой способ управления датами в полях ввода)
-
Браузеры
- Выпуск Firefox 44 , подробности для разработчиков
- Браузер Mozilla Firefox теперь поддерживает всплывающие уведомления с веб-сайтов
-
Обеспечение доступности инструментов разработчика Firefox - Блокировщику рекламы Adblock Plus исполняется 10 лет
-
Уведомление Web Push реализовано в Firefox 44. (Web Push появился в Firefox 44) -
Обзор V8 версии 4.9 (Версия 8, версия 4.9) - Chrome для iOS стал быстрее и стабильнее
-
Материальный дизайн появится в Google Chrome, вот как он выглядит (Material Design постепенно приходит в Google Chrome, вот как он выглядит) - Microsoft Edge сохраняет историю просмотров в режиме InPrivate
- Релиз Tor-браузера
Вместе с данным постом часто просматривают:
-
Жили-Были Фанера, Атмега, Да Малина
19 Oct, 24 -
Найдите 10001 Отличие
19 Oct, 24 -
Yahoo И Его Жадность
19 Oct, 24
