Представляем вашему вниманию подборку со ссылками на полезные ресурсы и интересные материалы из фронтенд-сферы.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости и развлечения |
Веб-разработка
-
Наши браузеры стали меньше, или Нам нужен серьезный разговор - Подкаст по веб-стандартам, выпуск № 33 : Робкий Safari, доступность, порядок элементов, фронтенд Mail.Ru, зачем PWA, HTTPS без опций, кастомные свойства, линейный код, платные конференции.
- Политика безопасности контента, ваш лучший друг в будущем
- Новые статусы HTML5.1 и SVG2.
- Оптимизация производительности:
- ПВА:
- Технологии AMP и PWA в поиске Google – Будущее уже стало настоящим
-
Производительность PWA -
Что именно делают прогрессивные веб-приложения? (Что именно делает что-то прогрессивным веб-приложением?) -
Прогрессивные веб-приложения имеют смысл (Прогрессивные веб-приложения просто имеют смысл)
-
Руководство для ботаника по цветам в Интернете (Руководство для ботаника по цвету в Интернете) -
Как автоматизировать задачи Gulp и создавать веб-шрифты из файлов SVG (Как автоматизировать задачи Gulp и генерировать веб-шрифты из файлов SVG) -
Подходящее ли сейчас время для использования Web Bluetooth? (Спойлер: да) (Подходящее ли сейчас время для использования Web Bluetooth?) -
О новом API GitHub GraphQL -
Не сломай свой (Не портите свой ) -
Fluid Fonts, новый тип шрифта для адаптивного дизайна.
(Вариативные шрифты, новый тип шрифта для гибкого дизайна) -
Работники служб перекрестного происхождения: экспериментируем с внешней выборкой -
Начало работы с Webpack: магия упаковки модулей (Начало работы с Webpack: магия объединения модулей) -
Использование Webpack для горячей перезагрузки проекта Backbone-Marionette-Ampersand (Использование Webpack для горячей перезагрузки проекта Backbone-Marionette-Ampersand) -
Основы WebGL2 -
Один сервер NodeJS для нескольких сайтов: запускать файлы JavaScript с помощью NodeJS так же просто, как запускать файлы PHP с помощью Apache. -
Встраивание кода с Github на сайт -
Классная анимация букв с использованием SVG (Необычная анимация букв SVG)
CSS
- Шрифты:
-
Шрифты в сети, обзор 2016 года -
Адаптивный размер шрифта -
Проверка загрузки шрифта Font Awesome -
3 вещи, которые следует учитывать при работе с адаптивной типографикой (3 вещи, которые следует учитывать, чтобы освоить адаптивную типографику)
-
- Шаблоны электронной почты:
-
Gmail объявил о поддержке медиазапросов CSS в электронных письмах -
Электронные письма наконец-то просыпаются с адаптивным дизайном (Электронная почта наконец-то обрела адаптивный дизайн) -
7 лайфхаков по шаблонам электронных писем, о которых должен знать каждый разработчик (7 приемов электронной почты, которые должен знать каждый разработчик) -
Gmail представляет поддержку адаптивного дизайна, улучшает стиль шрифтов и CSS для доступности (Gmail для поддержки адаптивного дизайна, улучшенного стиля шрифта + CSS для специальных возможностей) -
Красочные кампании: руководство по использованию CSS-фильтров в электронных письмах (Захватывающе красочные кампании: наше руководство по использованию CSS-фильтров в электронной почте)
-
-
Понимание первоклассных функций Sass 3.5 -
Благодаря RSCSS мой код больше не беспорядок.
(RSSCS — мой CSS больше не беспорядок) -
Как мы реорганизовали наш CSS для BGP (Как мы реорганизовали CSS для BGP) -
Рабочие хаки для обнаружения IE (Эффективное обнаружение браузеров IE) -
Пришло время честно рассказать о методах подделки изображений (Пришло время быть честными в отношении методов замены изображений) -
Почему CSS4 не существует — объяснение уровней CSS (Почему нет CSS4 – объяснение уровней CSS) -
Как создать эффект глитча с помощью CSS (Как создать эффект сбоя CSS) -
Развлекаемся с CSS: издание NBA -
MinMaxing: понимание vMin и vMax в CSS -
Как создавать и использовать пользовательские функции в SASS (Как создавать и использовать пользовательские функции) -
Раздвигая границы CSS 3: удивительные творения на чистом CSS (Расширяя возможности CSS 3: удивительные творения на чистом CSS) -
И снова автоматизация визуальных регрессий (Опять автоматизация визуального регрессионного тестирования) -
SpinThatShit — набор SCSS-миксинов для создания загрузчиков из одного элемента -
?Эффект предварительной загрузки содержимого экрана скелета на CSS. -
Полноэкранное видео с текстом в режиме смешивания над ним (Полноэкранное фоновое видео с наложенным текстом в режиме смешивания)
JavaScript
-
Создание полного стека JavaScript: Сервер -
Три принципа производительности JavaScript, которые делают Bluebird быстрым - Проект Mozilla представил новый отладчик для JavaScript
-
4 видео из МосквыJS 33 - Рамки:
-
Состоялся финальный релиз Angular 2 -
Анимации в Angular 2 — основные понятия (Анимации Angular 2 — Основные понятия) -
Мы серьёзно недооценили Angular (Мы серьезно недооценили Angular) -
Angular, версия 2: усиление проприоцепции -
Финальный релиз Angular 2. Наконец-то.
(Наконец-то финальная версия Angular 2. НАКОНЕЦ.)
-
Angular 2 вышел — начнем здесь (Вышла Angular 2 — начните здесь) -
Внедрение зависимостей в Angular 1 и Angular 2 -
Советы по настройке производительности React/Redux (Советы по настройке производительности React/Redux) -
React.js: создание изоморфного/универсального приложения с нуля.Часть 1: построение стека
-
Реми Шарп: первые впечатления от React (Реми Шарп: Первые впечатления от React) -
Создание простого приложения To-Do с помощью React (Создайте простое приложение для дел с помощью React) -
Изучение React: настройка среды разработки (Изучение React: настройка минимальной среды разработки React) -
Представляем Tide — библиотеку управления состоянием React (Представляем Tide — Нашу библиотеку управления состоянием React) -
Полное введение в ReactJS [Часть 1] — Создание приложения React с нуля (Полное введение в ReactJS [Часть 1] — Создание React с нуля) -
AJAX-запросы в React: как и куда загружать данные (AJAX-запросы в React: как и где получать данные) -
Знакомьтесь, АдонисДжс! MVC Framework в стиле Laravel для Node.js
-
- ES6:
-
«Будущее ES6» — выступление Джафара Хусейна на Full Stack Fest 2016 (Будущее ES6) -
Является ли ES6 концом Underscore/Lodash? (Означает ли ES6 конец подчеркивания/Lodash?) -
Транспиляция ES6
-
-
JavaScript против jQuery -
Модернизация реактивности.
Презентация новой реактивной библиотеки для создания эффективных веб-приложений без фреймворков -
Что каждый JS-разработчик должен знать о Unicode (Что каждый разработчик JavaScript должен знать о Unicode) -
Методы рефакторинга JS (Методы рефакторинга JavaScript: специфичные для общего кода) -
Прагматичное использование Monkey Patching в JS (Прагматическое использование патчей Monkey в JavaScript) -
Генераторы и каналы в JavaScript (Генераторы и каналы в JavaScript) -
Способы объявления переменных в JS (Быстрый совет: как объявлять переменные в Javascript) -
Аргументы функции JavaScript по умолчанию (Аргументы функции JavaScript по умолчанию) -
Улучшен синтаксис шаблона EJS. (Улучшение синтаксиса шаблонов EJS) -
Литералы шаблонов определенно лучше строк (Литералы шаблонов являются строго лучшими строками) -
Быстрая настройка TDD для TypeScript (Быстрая настройка TDD для TypeScript) -
Вместе с данным постом часто просматривают:
-
Подержанные Ноутбуки По Выгодным Ценам.
19 Oct, 24 -
Брэдли, Генри
19 Oct, 24 -
Преимущества Веб-Хостинга
19 Oct, 24 -
Gmail Получает Поддержку Imap!
19 Oct, 24 -
Качество Данных На Складе
19 Oct, 24
