Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы, интересные материалы и новости IT. 
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Развлекательный |
Веб-разработка
-
БЭМ-методология: с чего все началось и зачем все это нужно -
Заметки с конференции Web Standards Days - Москва 2015 -
Видео с конференции FrontendFellows - Создайте блог, используя Jekyll и GitHub Pages.
- Первые 8 серий скринкаста Gulp от Ильи Кантора
- Производительность Еженедельник.
Выпуск №0
.Дайджест новостей прошлой недели о веб-производительности
- Как избежать ошибок при технической оптимизации сайта .
Руководство по первоначальной настройке
-
Подробное руководство по Grunt для начинающих (Руководство для начинающих по Grunt) -
Как выбрать фронтенд-фреймворк (Как выбрать интерфейсную веб-платформу) -
Почему концепция «Mobile First» уже устарела (Почему Mobile First устарел) -
Давайте начнем использовать Webpack, часть 1: путь разработки интерфейса с помощью Webpack, React, Redux и TDD. (Давайте начнем часть 1 веб-пакета) -
Распаковка вебпака .Подробное знакомство с новой парадигмой в процессе создания проектов.
-
Тайлер Стика: Наш процесс создания иконок SVG (Пример: наш процесс создания SVG-иконок) -
svg-icon-system-шаблон — система сборки svg-иконок в спрайты -
The Service Worker Cookbook — сборник практических примеров от Mozilla. -
Создание Service Worker: пример .Углубленная статья Лайзы Дэнджер Гарднер (Как стать работником сферы услуг: практический пример)
-
Освоение типографики в HTML письмах (Освоение HTML-типографики в электронной почте) -
Ускоренные мобильные страницы -
Таблица элементов HTML5 (элементы HTML5) -
Искусство совершения обязательств (Искусство совершения обязательств) -
Серия видеороликов о разработке игр на HTML 5 (серия видеороликов о разработке игр в формате HTML 5) -
Адаптивные изображения с умной автоматической обрезкой (Автоматически созданные адаптивные изображения) - Эзахватывающая паутина:
- Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #23
-
Распознавание голоса (Демоверсия веб-речи) -
Анимированная драм-машина (SVG) (Анимированная ударная установка в формате SVG (Play Me!)) -
ЭВпечатляющий инструмент для предварительного просмотра и демонстрации веб-сайта с использованием CSS и JavaScript.
CSS
-
Конец эпохи глобального CSS -
Подборка полезных утилит SCSS - CSS3-сетка «Золотая рыбка» (часть 3)
- Узнайте больше о размещении элементов в макете CSS Grid. .
Перевод статьи Глубокое погружение в размещение макета сетки сообщество css-live.ru
- Еще раз о плавающей метке в CSS .
Перевод статьи Новый взгляд на шаблон плавающей метки с помощью CSS сообщество css-live.ru
- SVG-маски
- Умная прокрутка с помощью точек привязки прокрутки
-
Подробная статья о свойстве «background-clip» с примерами.
.(Свойство «background-clip» и варианты его использования)
-
Переменные CSS: почему нам следует об этом думать? (Переменные CSS: почему вас это должно волновать?) -
Перезагрузка последней версии ClearFix (Перезагружена самая последняя версия Clearfix) -
Sass: структура каталогов, которая упростит поддержку кода.
(Sass: структуры каталогов, которые помогут вам поддерживать ваш код) -
Действительно адаптивные таблицы с CSS3 Flexbox .Действительно адаптивные таблицы с использованием CSS3 Flexbox
-
Небольшое замечание об улучшении удобства использования прокручиваемых областей.
(Краткая заметка об улучшении удобства использования прокручиваемых областей) -
Flexbox и отключение навигации с помощью клавиатуры (Flexbox и клавиатурная навигация отключаются) -
Звездный рейтинг с использованием Flexbox -
Foundation 6: новая сетка Flex (Основа 6: Новая гибкая сетка) -
Как мы работаем с «CSS» в BigCommerce (Как мы «CSS» в BigCommerce) -
Крупный рефакторинг CSS на trivago (Крупномасштабный рефакторинг CSS на trivago) -
Управление шрифтами: Google Fonts + Chrome = проблема? (Контролируйте свой тип: Google Fonts + Chrome = проблема?) -
ТестМойCSS - онлайн-инструмент для анализа вашего CSS
JavaScript
-
Chakra официально принята Node.js - ES6:
- ES6: символы изнутри (Перевод статьи Подробно о символах ES6 )
-
Стрелочные функции ES6: классный и лаконичный новый синтаксис в JavaScript (Стрелочные функции ES6: новый насыщенный и лаконичный синтаксис в JavaScript) -
Просмотр прокси ES2015 (Представляем прокси ES2015) -
Стоимость переноса es2015 в 2016 году (Исследование накладных расходов на скомпилированный es2015) -
ЕС предлагает: асинхронные функции , Object.getOwnPropertyDescriptors()
- Рамки:
-
Сравнение Angular 2 и Aurelia бок о бок -
Почему я больше не использую фреймворки MVC (Почему я больше не использую MVC Frameworks) - Реагировать:
-
Об использовании React с элементом холста -
10 причин, почему каждый разработчик ДОЛЖЕН изучить React (10 причин, почему каждый разработчик ДОЛЖЕН изучить React) -
Доклад Саши Айкина по теме Reactjs — Ускорение рендеринга на стороне сервера -
Продуктивная разработка с помощью React (Инжиниринг производительности с помощью React (Часть 1)) -
Создание универсального блог-приложения на React: реализация Flux (Создание универсального блог-приложения на React: реализация Flux) -
Начало работы с React: создание демо-версии Hello World (Начало работы с React: создание демо-версии Hello World) -
Пять шагов, чтобы научиться разработке приложений на React (5 шагов для изучения разработки приложений React) -
реагирующий дизайнер — простая в настройке, легкая и редактируемая векторная графика в ваших компонентах реагирования.
-
- Угловой:
-
Выпуск Angular 1.5.0 -
Модульное тестирование контроллеров AngularJS с помощью Karma и Jasmine (Модульное тестирование контроллеров AngularJS с использованием Karma и Jasmine) -
Создание многопользовательских игр с помощью Angular (Создание многопользовательских игр с помощью Angular) -
Компоненты Angular 2: входы и выходы (Компоненты Angular 2: входы и выходы) -
От Angular 1.x ng-repeat до Angular 2 NgFor с компонентом (От Angular 1.x ng-repeat до Angular 2 NgFor с компонентом) -
Компоненты и поставщики Angular 2: классы, фабрики и значения (Компоненты и поставщики Angular 2: классы, фабрики и значения)
-
-
Пять причин, почему Meteor идеально подходит для стартапов (5 причин, почему Meteor идеален для стартапов)
-
-
Пишем многоразовые JavaScript-модули нового поколения на ECMAScript 6. (Написание повторно используемых модулей JavaScript следующего поколения в ECMAScript 6) -
JavaScript AI для головоломок HTML (JavaScript AI для головоломки с раздвижными плитками в формате HTML) -
Изучите JavaScript на примере (JavaScript в примерах) -
Как исправить JS. возможно (Как исправить Javascript. возможно) -
Как написать пуленепробиваемую функцию-обертку в JS (Как написать пуленепробиваемые оболочки функций в JavaScript) -
Чего ожидать от JS в 2016 году — за пределами браузера (Чего ожидать от JavaScript в 2016 году – за пределами браузера) -
Понимание асинхронного ожидания JavaScript (Понимание асинхронного ожидания JavaScript) -
Записывайте аудио и видео с помощью MediaRecorder. (Запись аудио и видео с помощью MediaRecorder) -
Повышение уровня вашего JavaScript - Плагины:
-
Компоненты jQuery Select Box — Chosen против Select2 (Компоненты поля выбора jQuery — выбрано против Select2) -
самсараJS — библиотека для создания анимированных интерактивных интерфейсов -
Gridifier - адаптивные сетки с сортировкой (Gridifier переосмысливает макет HTML и улучшает механизм макета сетки браузера с помощью улучшенной версии алгоритма упаковки блоков Skyline 2D.) -
Инстадате — высокопроизводительная библиотека для работы с датами -
Мультиэкран.js
— простой плагин jQuery, который превращает страницу в несколько экранов с анимированной навигацией в разных направлениях. -
Whitestorm — движок WebGL на основе Three.js. (Введение в движок Whitestorm Modern WebGL, основанный на технологии Three.js, включая физику и пост-эффекты.)
-
Браузеры
-
Microsoft Edge для разработчиков в 2016 году: модули ES2016, Fetch API, веб-уведомления, Beacon API, WOFF 2.0, уровень времени высокого разрешения 2 и т. д. - Расширения для Microsoft Edge скоро станут доступны инсайдерам и будут распространяться через Магазин Windows.
-
Firefox Developer Edition 46: Набор инструментов памяти,
Вместе с данным постом часто просматривают:
-
Мой Компьютер Меня Ненавидит!
19 Oct, 24 -
Опасный Разум, Безопасный Интеллект
19 Oct, 24 -
Хайлоад 2008 - Сколько Платить?
19 Oct, 24 -
Самоклеящиеся Палитры
19 Oct, 24 -
Неочевидное Использование Открытых Данных
19 Oct, 24
