Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы, интересные материалы и новости IT. 
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Развлекательный |
Веб-разработка
- Подкаст «Веб-стандарты», выпуск №7
- 22 видео с конференции Moscow Web Standards Days, прошедшей в декабре
-
В три основных браузера добавлена поддержка низкоуровневого двоичного формата WebAssembly. -
Веб-приложения в автономном режиме.ServiceWorker и CacheStorage
- Google: работы с техническими аспектами сайта недостаточно для выхода в топ
- Я не умный, я просто сижу над этим дольше тебя - история Грэма Фултона .
-
Возможные методы создания профессиональной анимации в SVG (Ниже приведены возможные способы создания профессиональной анимации в SVG) -
Подборка инструментов и ресурсов для экосистемы Chrome DevTools. (Потрясающие инструменты и ресурсы в экосистеме Chrome DevTools) -
Дайджест выпуска от Адди Османи за прошедшую неделю: Отладка Service Worker, RAIL on 3G, автономная аналитика, прогрессивные веб-приложения, Rollupify и многое другое - Разработчики Google отвечают на некоторые вопросы: Пол Льюис: " Ответы на вопросы о производительности ", Мэтт Гонт: Веб-разработка — это балансирующий акт
- Оптимизация производительности:
-
Управление оптимизацией производительности мобильных устройств (Управление оптимизацией мобильной производительности) -
Как повысить ценность YSlow (Как улучшить свой показатель YSlow) -
Приоритизация ресурсов с помощью rel='preload' (Приоритизация ресурсов с помощью ссылки rel='preload')
-
-
Понимание веб-компонентов (Понимание веб-компонентов) -
Как вы можете использовать адаптивные веб-компоненты сегодня (Как вы можете использовать адаптивные веб-компоненты сегодня) -
Семь причин использовать генератор статических сайтов (7 причин использовать генератор статических сайтов) -
Семь причин, почему НЕ следует использовать генератор статических сайтов -
О rel=noopener (О rel=noopener) -
How2: переполнение стека терминала (how2: stackoverflow из терминала) -
Практическое введение в Google Material Design Lite (Практическое введение в Material Design Lite от Google) -
Что нового в последней версии шаблонизатора Marko (Что нового в Marko v3) -
Видеообзор новых возможностей WebStorm 2016.1 : улучшенная поддержка ECMAScript 6 и TypeScript, пользовательских свойств CSS, Angular 2, асинхронной отладки на стороне клиента, схемы JSON и многого другого. - Эзахватывающая паутина:
- Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #29
-
Концепция плавного активного выделения полей ввода с использованием CSS/SVG. -
Бум, Бам, Пау! Создайте эмоциональную типографику для комиксов с помощью SVG-фильтров -
Как создать анимированную интерактивную ударную установку в SVG -
Впечатляющая реализация ящика с записями с помощью 3D-движка с использованием WebGL и Three.js.
CSS
- Переменные в CSS: зачем они нам нужны? .
Перевод статей Переменные CSS: почему вас это должно волновать? на frontender.info
- Дизайн выгруженных изображений .
Перевод статьи Стилизация разбитых изображений на css-live.ru
-
Объяснение свойства CSS will-change и текущей поддержки браузера в блоге Джонатана Снука. -
Создание адаптивной сетки в 2016 году (Проектирование адаптивной сетки в 2016 г.)
- Шрифты:
- Антишаблон для веб-шрифтов: Data URI .
Перевод статьи Анти-шаблон веб-шрифтов: URI данных там
-
Иконные лигатуры с использованием псевдоэлементов и иконочных шрифтов.
(Значки лигатур через псевдоэлементы и шрифты значков) -
Веб-типографика сломана.И вот как мы можем это исправить.
(Веб-типографика не работает. Вот как мы можем это исправить) -
Настройка стилей текста в Zeplin (Определение стилей текста в Zeplin)
- Антишаблон для веб-шрифтов: Data URI .
-
CSS Flexbox вполне логичен (ну почти) (CSS Flexbox полностью логичен (почти)) -
Пользовательский контент в мире методологий CSS и привязок классов (Пользовательский контент в стильном мире) -
Ээкспериментальная лаборатория Джен Симмонс : крутые демо с CSS-макетами -
Исключения CSS и макет сетки -
Советы по работе с медиа-запросами (Управление медиа-запросами) -
Медиа-запросы PX, EM или REM? -
Расширенные селекторы CSS, о которых вы, возможно, не знали или, если слышали о них, то не использовали их.
(Расширенные селекторы CSS, о которых вы, возможно, даже не слышали — а если и были, то, возможно, вы их не использовали) -
8 советов по CSS, которые вам не понравятся (8 советов по написанию CSS, который вам не понравится) -
О :не и специфике (О :нет и Специфике) -
Как создать имена полей всплывающей формы с проверкой HTML5 (Как создать плавающие метки ввода с проверкой HTML5) -
Шаблоны контента и отображения с выразительным CSS (Шаблоны контента и отображения с помощью выразительного CSS) -
Градиенты с текстурой с использованием чистого CSS (Текстурированные градиенты в чистом CSS) -
Алеут.css — статический фреймворк на Sass с идеями BEM, OOCSS и упором на производительность и масштабируемость. -
грд — компактный CSS-фреймворк для сеток с использованием Flexbox. -
Результаты крупномасштабного опроса CSS (Результаты The Ultimate CSS Survey)
JavaScript
-
Декораторы в машинописном тексте: оружие против сложности или бесполезный «свисток»? - Подкаст RadioJs, серия 37: semver, секрет привлекательности node.js, подходит ли деловой костюм Frontend, 5 шокирующих шагов, которые Custom Elements предпринял, чтобы попасть в WebKit и многое другое
-
Глубокие корни усталости от Javascript (Глубокие корни усталости от Javascript) -
Почему я пишу модули на чистом JavaScript (Почему я пишу простые модули JavaScript) -
JavaScript — дисфункциональный язык программирования (JavaScript — нефункциональный язык программирования) -
Шесть способов связать ключевое слово this в JavaScript в React, ES6 и ES7 (6 способов связать это ключевое слово JavaScript в React, ES6 и ES7) -
Три способа отображения строки в обратном порядке в JavaScript (Три способа перевернуть строку в JavaScript) -
Блог разработчиков Ebay Примечание: Путь к следующему JavaScript (Путь к JavaScript дальше) -
Разбор фрагмента кода JavaScript на Hacker News (Отдельный фрагмент JavaScript в Hacker News) -
Введение в отложенные объекты jQuery (Введение в отложенные объекты jQuery) -
Быстрый совет: установка нескольких версий Node.js с помощью nvm (Совет: установите несколько версий Node.js с помощью nvm) -
Футуристический движок для проведения тестов (ава — футуристический тест-раннер) -
Все JS-библиотеки должны быть написаны на TypeScript. (Все библиотеки JS должны быть написаны на TypeScript) -
Дуглас Крокфорд о новом проекте Seif (Дуглас Крокфорд: Проект Сейфа) -
Несколько новых видео на канале Netflix UI Engineering: React.js для ТВ-интерфейсов , Беседы Netflix о JavaScript – RxJS, версия 5 - ES6/7:
- Стрелочные функции и метод привязки()
-
es6features.com: изучение основных возможностей ES6. (Изучите основные функции ES6) -
Пожалуйста, перестаньте называть предлагаемые функции JS ES7. (Пожалуйста, перестаньте называть предлагаемые функции JavaScript ES7)
- Рамки:
-
Создание системы иконок SVG с использованием React (Создание системы иконок SVG с помощью React) -
Печальное состояние экосистемы Backbone (Печальное состояние опорной экосистемы) -
Повышение уровня с помощью React: React Router -
React Router и Webpack в производстве -
Новый NPM упрощает разработку React (Новый NPM упростит разработку React JavaScript) -
Анимации с помощью React, Redux и d3 (Анимация с помощью React, Redux и d3) -
Angular 2 и будущее HTML5-приложений (Angular 2 и будущее приложений HTML5) -
И вот, сервера нет: разработка приложений с помощью Angular 2 MockBackend (Смотри, мам, нет сервера: разработка приложений с помощью Angular 2 MockBackend) -
Как работать с асинхронными данными в Firebase и Angular (Освоение асинхронных данных в Firebase и Angular — Firecasts #5)
-
- Плагины:
-
Force.js - плавная прокрутка и анимация страниц в vanilla JS (но с поддержкой jQuery) -
JsSpeechRecensorer — библиотека для распознавания слов -
календарь-тепловая карта — создание тепловой карты, представляющей периоды времени с данными в виде коммитов GitHub. -
Вещество — библиотека wysiwyg для редактирования веб-контента
-
Браузеры
- Тестирование бета-версии Firefox 46 и Firefox Developer Edition 47
-
Developer Edition 47 – эмуляция пользовательского агента, отладка всплывающих окон и многое другое.
Вместе с данным постом часто просматривают:
-
У Microsoft Проблемы С Брендом Metro
19 Oct, 24 -
Диоды. Для Начинающих, Для "Чайников
19 Oct, 24 -
Боинг С Лазерной Пушкой
19 Oct, 24
