Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы и интересные материалы из фронтенд-сферы.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости |
Веб-разработка
- Подкаст Веб-стандарты, выпуск № 19 : семантика CSS и HTML, контент в CSS, полезный для SVG, Интернета и приложений.
- Что должен знать HTML-дизайнер?
- С какими услугами сталкивается фрилансер-фронтенд-разработчик? Интервью с Антоном Немцевым
- Прогрессивные веб-приложения:
-
Прогрессивные веб-приложения.Давайте не будем повторять ошибки, допущенные на заре адаптивного дизайна.
-
PWA Discovery: вы еще ничего не видели (PWA Discovery: вы еще ничего не видели) -
Проблемы и задачи разработчиков при работе с PWA (Разработчики раскрывают проблемы и опасения, связанные с прогрессивными веб-приложениями) -
Не используйте метатеги iOS ответственно для своих веб-приложений (Не используйте метатеги iOS безответственно в своих прогрессивных веб-приложениях)
-
- Инструменты:
-
Дополнение Chrome для проверки ваших AMP-страниц. -
Отладка JavaScript с помощью точек останова Chrome DevTools -
Отладка потребления памяти с помощью веб-инспектора в Safari (Отладка памяти с помощью Web Inspector) -
Дайджест DevTools: DevTools в 2016 году и далее -
Как Mozilla помогает разработчикам справляться с ошибками JavaScript (Помощь веб-разработчикам с ошибками JavaScript)
-
-
Что нового в Shadow DOM v1 (в примерах) (Что нового в Shadow DOM v1) -
Bootstrap 4: наглядное руководство и обзор нововведений (Bootstrap 4: Визуальное руководство) -
Автоматизируйте свою разработку с помощью Gulp JS. (Автоматизируйте свой рабочий процесс с помощью Gulp JS) -
CloudFlare представляет cf-ui — открытую среду пользовательского интерфейса -
Почему онлайн-хостинг SVG так сложен и как это сделать (Почему сложно разместить SVG в Интернете (… и как это сделать)) -
О свойствах и атрибутах в контексте установки маски с помощью SVG (Подробнее о маскировке SVG — свойства и атрибуты) -
Образцы разума - книга о доступности от eBay -
Важность проверки кода (Важность проверок кода) -
Погружение в Git: ветки в Git (Начало работы с Git: ветвление в Git) -
Уникальные градиенты на основе данных для визуализации с помощью d3.js (Основанные на данных и уникальные градиенты для визуализации с помощью d3.js) - Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #41
CSS
- Новый проект CSS-модуля для псевдоэлементов 4-го уровня.
- Магия CSS. Глава 3. Таблицы .
Перевод главы из сборника Магия CSS
- Семантический CSS .
Перевод статьи Семантический CSS Джонатан Снук
- CSS-сетка и позиционированные элементы .
Перевод статьи CSS Grid Layout и позиционированные элементы
- Битва с БЭМ: 10 самых частых проблем и способы их решения (часть 1)
-
Избегайте переопределения базовых стилей (Избегайте чрезмерного использования базовых стилей) -
Резиновый список на Flexbox со страницы дорожной карты AMP -
AOS: библиотека для реализации CSS-анимации при прокрутке страницы. -
Интерактивная визуализация данных: анимация viewBox (Интерактивная визуализация данных: анимация viewBox) -
4 свойства, которые меняют способ использования CSS (4 функции меняют то, как мы используем CSS) -
Оптимизация функционального CSS (Рационализация функционального CSS) -
Как создать макет новостного сайта с помощью Flexbox (Как создать макет новостного сайта с помощью Flexbox) -
Быстрый совет: как работают z-index и Auto Margin во Flexbox (Быстрый совет: как работают z-index и автоматические поля во Flexbox) -
Специфика CSS (Специфика CSS) -
EQCSS — расширение библиотеки CSS для работы с запросами элементов -
Изучите Sass (курс в codeacademy) (Изучите Sass) -
Sass Deprecate — примесь Sass, помечающая устаревший код. (Sass устарел) -
Китайский текст отображается в разных размерах и шрифтах: проблемы со шрифтами в Китае
JavaScript
-
Асинхронность в JavaScript: руководство для тех, кто хочет разобраться -
Выпущена финальная версия jQuery 3.0 - Введение в функциональный JavaScript: часть 1
-
Видео с ReactEurope 2016: 1 день , День 2 -
7 удивительных «свойств» JavaScript (Семь удивительных «функций» JavaScript) -
Шокирующий секрет о статических типах (Шокирующий секрет статических типов) -
TypeScript, какого черта?! -
Я ошибался насчет TypeScript и вот почему (Я ошибался насчет TypeScript, и вот почему) -
Делаем ваш JavaScript чистым (Сделаем ваш JavaScript чистым) -
Создание объектов в JavaScript: шаблоны и лучшие практики (Создание объектов JavaScript: шаблоны и лучшие практики) -
Веб-хранилище: меньшее зло для сессионных токенов (Веб-хранилище: меньшее зло для сессионных токенов) -
Создание собственной системы тегов с нуля (Создайте свою собственную систему тегов с нуля) -
Зачем нам нужен ключ в реквизитах по умолчанию (ReactJS) -
Лернайс — инструмент для управления многопакетными проектами на JavaScript. - ES6:
-
Модули ES и Node.js: трудный выбор (Модули ES и Node.js: трудный выбор) -
Почему существуют классы ES6 (Почему существуют классы ES6 и почему именно сейчас?) -
10 функций Lodash, которые можно заменить ES6 (10 функций Lodash, которые можно заменить ES6) -
Обещания: все неправильные пути (Обещания: все неправильные пути) -
Когда не следует использовать функции стрелок (Когда «не» использовать функции стрелок) -
6 советов по очистке JS-промисов (Шесть советов по более чистым обещаниям JavaScript)
-
- Рамки:
- Как добавить ReactJS в существующее веб-приложение
-
Директивы Angular и их эквиваленты в React (Директивы Angular, сопоставленные с React) -
Использование React Native: год спустя (Использование React Native: год спустя) -
Масштабирование приложений React.js (Масштабирование приложений React.js) -
trixly — универсальный стартовый пакет для Angular 2 и React, с тестами Mocha и Chai, проверкой TSLint и компиляцией в ES5 с помощью Babel (trixly — универсальный стартовый набор TypeScript для Angular 2 и React, тесты в Mocha и Chai, TSLint для улучшения качества кода, транспиляция в ES5 от Babel для совместимости) -
Контрольный список для проверки кода приложений Angular (Контрольные списки проверки кода Angular) -
Всестороннее погружение в хуки жизненного цикла Angular 1.5. (Всестороннее погружение в хуки жизненного цикла Angular 1.5)
- Уроки:
-
«Node Hero» — урок по модульному тестированию Node.js (Node Hero — Учебное пособие по модульному тестированию Node.js) -
Создание приложений реального времени с помощью веб-сокетов и событий, отправляемых сервером.
(Создание приложений реального времени с помощью веб-сокетов и событий, отправляемых сервером) -
Создание приложения для видеочата на основе WebRTC с помощью PeerJS (Создание приложения для видеочата WebRTC с помощью PeerJS) -
Как сделать существующий API в режиме реального времени с помощью FeathersJS (Создайте существующий API реального времени с помощью FeathersJS)
-
- Плагины:
-
Chillout.js — уменьшение использования процессора JS с помощью асинхронных итераций -
привязанный к Лодашу - включает функции цепочки lodash с синтаксисом ESbind (::) -
is.js — минималистичная библиотека для проверки данных -
видели.js — визуализирует 3D-сцены в SVG или HTML5 Canvas.
(Визуализация 3D-сцен в SVG или HTML5 Canvas.)
-
Браузеры
-
Изменение размера изображений в браузере.Все может стать хуже
- Выпуск Firefox 47 , Технические подробности релиза для веб-разработчиков
- Тестирование бета-версии Firefox 48 и Firefox Developer Edition 49
- Вышел браузер Opera 38 ,
Что нового в Chromium 51 и Opera 38 - В Chrome 51 возникают проблемы с невозможностью использования HTTP/2.
- В стабильной версии Opera 38 появился режим энергосбережения, снижающий температуру ноутбука на 3 градуса.
- Firefox планирует включить многопроцессный режим по умолчанию
- Началось открытие исходных кодов движка WebGL браузера Microsoft Edge
- Браузер Яндекс обзавелся персональной лентой рекомендаций «Дзен»
Новости и развлечения
- Яндекс внес изменения в обработку файла robots.txt
- Google: объявления на AMP-страницах имеют более высокую видимость и CTR
- Google обвиняют в манипуляциях в пользу Хиллари Клинтон
- Развиваем дизайнерское чутье
- Просмотр улиц запрещен в Индии по соображениям национальной безопасности
- «ВКонтакте» начал принудительный перевод пользователей на новый дизайн
- Какие стартапы любят европейские инвесторы: топ-20 лучших проектов TNW Europe 2016
- Хакер, который слил данные MySpace, LinkedIn и Tumblr, продал 379 миллионов аккаунтов в Twitter
- «Десятка» любой ценой: почему не заработала Windows 10?
- Идти
Вместе с данным постом часто просматривают:
-
Перерывы – Построй Свою Неделю
19 Oct, 24 -
Межорбитальный Буксир
19 Oct, 24 -
Публикация Модуля На Cpan
19 Oct, 24 -
Изучаем Наличие Планировки
19 Oct, 24 -
Хайку R1/Альфа 1
19 Oct, 24
