Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы, интересные материалы и новости IT. 
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости и развлечения |
Веб-разработка
-
Автозаполнение: чего веб-разработчики не знают, но должны знать - Git: система безопасности для ваших проектов
- Wintersmith — генератор статических сайтов на Node.js
- Google улучшил функциональность AMP-страниц, добавив новые функции .
- О jQuery и Bootstrap: расставляем точки над i
- С нуля до героя фронтенда: Часть 1 , Часть 2
- СМИ:
- Подкаст по веб-стандартам, выпуск № 17 : Семантика и BЭM, CSS для начинающих, клиенты для Git, JS-модули в Edge, Google I/O.
-
AMP + прогрессивные веб-приложения (AMP + прогрессивные веб-приложения: начните быстро, оставайтесь вовлеченными – Google I/O 2016) -
Гудини: демистификация будущего CSS (Гудини: демистификация будущего CSS – Google I/O 2016) -
Мгновенная загрузка: создание прогрессивных веб-приложений, ориентированных на офлайн-режим (Мгновенная загрузка: создание прогрессивных веб-приложений, ориентированных на офлайн-режим – Google I/O 2016) -
Frontend Party, Санкт-Петербург, 29 апреля 2016 г.
-
Образцы разума — шаблоны доступных компонентов для Интернета с ebay (Шаблоны доступности для Интернета) -
Почти полное руководство по переходу на Gulp 4 (Полное руководство по обновлению до Gulp 4) -
Прогрессивные веб-приложения – что это, черт возьми? (Что за прогрессивные веб-приложения?) -
Регрессивные веб-приложения (Регрессивные веб-приложения) -
Как провести простой аудит доступности сайта, часть 2 (Часть 2: Как провести базовый аудит доступности вашего сайта) -
Объяснение понятия семантики (Понимание семантики) -
заполнитель.pics
- простой способ подключения изображений-заполнителей, оптимизированных для SVG. -
Как начать работу с Политикой безопасности контента (Как начать работу с политикой безопасности контента) -
Фронтенд-разработка после Internet Explorer (Внешняя разработка после Internet Explorer) -
Service Workers 101 — инфографика с наиболее важными частями API Service Workers. (Service Workers 101 — инфографика, обобщающая наиболее важные части API Service Workers) -
Важность URL-адресов (Важность URL-адресов) -
Как перенести шрифты Google в ваш CDN (Как перенести CDN Google Fonts на свой собственный CDN) -
помощник google-webfonts - простой способ использовать веб-шрифты Google на вашем хостинге - СВГ:
- Новый бесплатный курс «Знакомство с SVG» в HTML Академии.
-
«SVG за пределами простых форм» — выступление Нади Бремер на конференции OpenVis (Формы SVG Beyond Me — Нади Бремер) -
Примеры маскировки пути SVG — использование путей и текста (Примеры обтравочного контура SVG — использование контуров и текста) -
Создайте адаптивный логотип бренда с помощью SVG (Создайте модуль адаптивного брендинга с помощью SVG) -
Создавайте адаптивные диаграммы и инфографику с помощью SVG.
- Новый бесплатный курс «Знакомство с SVG» в HTML Академии.
- Эзахватывающая паутина:
- Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #39
-
Создание вертикальной временной шкалы с использованием JavaScript -
Эзахватывающая демонстрация трансформации изображения (чтобы увидеть эффект, нужно прокрутить колесо мыши) (Переход изображения карты смещения) -
3D изометрическая сетка (Изометрические и 3D-сетки) -
Создание аналоговых часов с использованием API веб-анимации (Создайте аналоговые часы с помощью API веб-анимации)
CSS
- Магия CSS. Глава 2. Макет
-
Линтинг CSS с помощью stylelint - CSS-инспекция и настройка
- Отладка CSS .
Перевод статьи Отладка CSS
-
Stylelint: валидатор стилей, о котором мы всегда мечтали (Stylelint: линтер таблиц стилей, который мы всегда хотели) -
Хроматические веб-шрифты (Хроматические веб-шрифты, Redux) -
Вставка разрыва строки в CSS (Введение разрыва строки) -
inStyle (модификация текущего селектора `&` в Sass) (Изменение текущего селектора `&` в Sass) -
Интересное предложение по добавлению правил When/Else в CSS. -
Джонатан Снук рассматривает каскадность и специфичность (Имея дело с каскадом и специфичностью) -
Его мысли о дизайне компонентов (Аспекты проектирования компонентов) -
Рекомендации по стилизации тега pre (Соображения по стилизации тега pre) -
свойство box-shadow (Свойство box-shadow) -
Семья.scss
— полезные миксины Sass для работы с элементами :nth-child -
Пять способов создать липкий футер (Прикрепленный нижний колонтитул, Пять способов) -
Атомарные CSS-модули (Атомарные CSS-модули) -
Система атрибутов для разметки Flexbox (Атрибут гибкого макета) -
Проектирование стилей интерфейса (Разработка стилей интерфейса) -
Starability.css – доступный звездный рейтинг с анимацией. -
CSS-шутки (28 каламбуров CSS, которые сделают ваш день ярче)
JavaScript
- Использование JavaScript для атаки путем манипулирования содержимым буфера обмена
-
Только JavaScript: однородная архитектура для веб-проектов -
Подробное объяснение ключевого слова this в JavaScript. (Мягкое объяснение ключевого слова «this» в JavaScript) -
Давайте обновим мусорный код IE8 современными вкусностями (Обновление ненужного кода IE8 с использованием текущих возможностей) -
Компиляция в JavaScript: 4 альтернативы JS (Компиляция в JavaScript: 4 лучшие альтернативы JavaScript) -
Да здравствует jQuery! (Да здравствует jQuery) -
Совет: сохранение состояния флажка после перезагрузки страницы (Быстрый совет: сохранять состояние отмеченного флажка после перезагрузки страницы) -
Создание простого слайд-шоу на JavaScript без jQuery (Создайте простое слайд-шоу на JavaScript без jQuery) -
Анимированный градиент для имитации потока с помощью d3.js (Анимация градиента для имитации потока с помощью d3.js) -
Визуализация алгоритмов (Визуализатор алгоритма) - Рамки:
- Реагировать:
- Погружение в React: Router
-
HTML для реагирования — утилита для разделения HTML на React-компоненты -
Ваш график изучения React (Ваш график изучения React) -
CSS-модули и React -
Создание шаблонов React в WebStorm -
Укрощение настройки React (Укрощение настройки React) -
Клонируйте Yelp с помощью React (Урок по React: клонирование Yelp) -
React и Firebase вместе (React и Firebase сидят на дереве)
- Угловой:
-
10 главных причин, почему разработчикам следует использовать AngularJS (10 основных причин: почему веб-разработчикам следует использовать AngularJS) -
AngularDoc — документация для проектов Angular 2. -
Миграция с ванильного JavaScript на Angular 2 и NativeScript (Переход с Vanilla JavaScript на Angular 2 в NativeScript) -
Angular и Webpack для модульных приложений (Angular и Webpack для модульных приложений) -
Создание демонстраций Angular 2 с помощью System.js и TypeScript (Создание демонстраций Angular 2 с помощью System.js и TypeScript)
-
-
Создание игры с Эмбер (Сделайте игру с Эмбер от mattmckenna) -
Не критикуйте фреймворк: мой опыт работы с AngularJS и ReactJS (Не вините фреймворк: мой опыт работы с AngularJS и ReactJS)
- Реагировать:
- Плагины:
-
WebGazer.js — отслеживание направления взгляда через веб-камеру в браузере -
ally.js — библиотека, упрощающая доступность приложений. -
Турист.js — для формирования маршрута согласно функционалу вашей страницы -
Bideo.js — библиотека для добавления фонового видео (Бидео.js)
-
Таргет.js! — добавляет функциональность элементам DOM с использованием атрибутов данных.
-
Браузеры
- Как установить расширения Chrome в Firefox
- Выпуск веб-браузера Chrome 51
-
Измерение элементов и расстояний в Firefox DevTools (Измерение элементов и расстояний в Firefox DevTools) -
Ваш браузер поддерживает WAAPI (Тест поддержки браузера WAAPI) -
Создание расширений для Microsoft Ed
Вместе с данным постом часто просматривают:
-
Микроспутник Kicksat
19 Oct, 24 -
Handy.cms 3.1 Сборка 2003 Г.
19 Oct, 24 -
Сливки It R&D (Выпуск 15) – Оды Google
19 Oct, 24 -
Когда (И Как) Вы Узнали, Что Такое Erp?
19 Oct, 24 -
«Бегун» Начинает Принимать Любые Сайты
19 Oct, 24 -
Выпуск Nginx 1.8 И 1.9
19 Oct, 24
