Предлагаем вашему вниманию подборку со ссылками на полезные ресурсы, интересные материалы и новости IT. 
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Развлекательный |
Веб-разработка
-
Итоги 2015: веб-разработка - Mozilla выпустила фреймворк A-Frame для создания сайтов виртуальной реальности
- Методы DOM: родительские, дочерние и соседние элементы
-
Запись конференции Web Standards Days в Москве, 2015 г. -
Адаптивное прогрессивное доступное поле поиска (Отзывчивый прогрессивный доступный ванильный поиск) -
Урок о возможностях OpenType, о том, когда их использовать и почему они важны.
(Забота о функциях OpenType) -
Что дизайнеры писем должны знать о Outlook 2016 -
Новинки от разработчиков Google: Дебют панели безопасности в Chrome DevTools, Просмотр фоновой синхронизации (Представляем фоновую синхронизацию) -
Оптимизация процесса разработки шаблонов писем (Оптимизируйте рабочий процесс разработки электронной почты) -
Руководство по стилю: лучшие практики Брэд Фрост с конференции Beyond Tellerrand (Лучшие практики руководства по стилю) -
сатир.io
— новый инструмент для создания заполнителей изображений с расширенными возможностями — симуляция медленной загрузки, понимание пропорций, работа в автономном режиме и многое другое -
Реализация полей ввода для сенсорных устройств улучшилась всего на 9% с 2013 года (60% все еще используют их неправильно) -
5 ресурсов по «Звездным войнам» для разработчиков (5 ресурсов по «Звездным войнам» для разработчиков) -
Компиляция в WebAssembly: это случилось! (Компиляция в WebAssembly: это происходит!) -
Интерактивность – это улучшение (Взаимодействие — это улучшение) -
Основы доступности веб-сайтов (Основы веб-доступности) -
Создание собственных веб-компонентов с помощью X-Tag (Создание пользовательских веб-компонентов с помощью X-Tag) -
СМИЛ мертв! Да здравствует СМИЛ! Руководство по альтернативам основным функциям SMIL (SMIL мертв! Да здравствует SMIL! Руководство по альтернативам функциям SMIL) - Веб-производительность:
-
Примеры настройки производительности корпоративных решений – худшие практики (Настройка производительности корпоративного веб-интерфейса – пример наихудшей практики) -
Чему мы научились за четыре года мониторинга веб-разработки (Что я узнал, наблюдая за четырехлетним раздуванием веб-страниц) -
Использование адаптивных изображений и асинхронной загрузки позволяет снизить вес начальной загрузки страницы примерно на 80 %. -
Критическая метрика: критические ресурсы
-
- СВГ:
-
Анимация обрезанных элементов в SVG (Анимация обрезанных элементов в SVG) -
SVG-текст на пути — часть 1 -
Значки SVG просты, но их запасные варианты — нет. (Значки SVG просты, но запасные варианты — нет) -
Частичное размытие SVG и прозрачность в стиле iOS (Частичное размытие SVG и прозрачность в стиле iOS)
-
- Эзахватывающая паутина:
- Еженедельная подборка красивых эффектов с использованием CSS/SVG/JS #17
-
Лучшие библиотеки для анимации 2016 года (9 лучших библиотек анимации для использования в 2016 году) -
Создание ночного режима для вашего сайта, часть 1 -
Анимируйте пути на картах для интерактивного повествования (Анимированный путь по карте для интерактивного повествования)
CSS
- Почему меня волнуют нативные переменные CSS .
Перевод статьи Почему я в восторге от нативных переменных CSS сообщество css-live.ru
- Переменные CSS стали кандидатами на рекомендацию
- Псевдопреимущества и непсевдопреимущества .
Перевод статьи Псевдо и псевдонет сообщество css-live.ru
- Управление поведением шрифта в CSS
-
Гибкость — новый полифилл для модуля Flexible Box Layout Level 1, позволяющий использовать Flexbox в старом IE. -
Страница для тестирования правил CSS Flexbox -
Сравнение инструментов разметки: Flexbox Vs. Сьюзи -
Сетка, Flexbox, выравнивание блоков: наша новая система компоновки (Сетка, Flexbox, выравнивание по рамке: наша новая система макета) -
Библиотека Sierra — самая маленькая и легкая библиотека для scss (ранее известная как penguin) -
?Эволюция CSS -
Почему Bootstrap 4 означает победу Sass (над Less) (Почему Bootstrap 4 означает победу Sass) -
Лучшие демо и концепции 2015 года с использованием чистого CSS (Лучшие ручки Pure CSS 2015 года) -
Понимание методологии модуля CSS (Понимание методологии модулей CSS) -
Помимо руководств по стилю (За пределами руководства по стилю)
JavaScript
- Рамки:
-
Angular2 теперь является «бета-версией». -
Google переписал свой фреймворк Angular JavaScript -
Переход с версии 1.X -
React в 2015 году — ретроспектива -
Риста - облегченная альтернатива ReactJS -
Победа — экосистема модульных компонентов для визуализации для React -
Реагировать на повторную выборку — простой, декларативный и компонуемый способ получения данных для компонентов React.
-
-
Краткое изложение лучших новых функций ES2015 -
xto6 конвертер кода ES5 в ES6 в реальном времени (Перенесите код ES5 в ES6 в реальном времени!) -
4 шаблона JS-разработчика, о которых вам следует знать (4 шаблона проектирования JavaScript, которые вы должны знать) -
Реми Шарп: моя стратегия тестирования узлов -
Алгоритм Math.random улучшен в Chrome. (Есть Math.random(), а есть Math.random()) -
Что делает «!--» в JavaScript? (Что делает «!--» в JavaScript?) -
Как будет выглядеть рынок труда JavaScript в 2016 году (Забудьте о кликбейте.Вот как на самом деле выглядит рынок труда JavaScript в 2016 году)
-
Конвертер из Java в TypeScript/JavaScript (Транспилятор из Java в TypeScript/JavaScript) -
Детальный анализ CORS (Углубленный взгляд на CORS) -
Совет: перестаньте писать циклы, вместо этого используйте Карты (Быстрый совет: перестаньте писать циклы и начните думать с помощью карт) -
Как использовать RethinkDB с приложениями Node.js (Как использовать RethinkDB с приложениями Node.js) -
Lokka View — простой клиент JavaScript для GraphQL. (Представляем Lokka — простой клиент JavaScript для GraphQL) -
Использование Google Maps без проблем с GMaps.js (Карты Google стали проще с помощью GMaps.js) -
Руководство для начинающих по WebGL (Руководство для начинающих по WebGL) -
Создание настольного приложения с помощью Angular 2 и Electron (Создайте настольное приложение с помощью Angular 2 и Electron) - Плагины и библиотеки:
-
тембр.js
— обеспечивает функциональную обработку и синтез звука в ваших веб-приложениях с помощью современного JavaScript, такого как jQuery или node.js.) -
Colorify.js — библиотека для извлечения цветов из изображений и работы с ними -
выбор диапазона дат — компонент с зависимостями (jQuery, Moment, Knockout) для выбора диапазона дат -
Грооскрипт — библиотека для преобразования кода Groovy в JavaScript.
-
Браузеры
- Выпуск Firefox 43
- Подробности о разработчике Firefox 43
- Браузер FireFox для Windows теперь доступен в 64-битной версии
- 64-битный Firefox – что нового?
- 10 функций, которые я хотел бы видеть в Microsoft Edge
- Flynx — правильный браузер для социальных сетей
- Расширения браузера Edge, показанные в видео
-
Как Google Chrome уничтожил Internet Explorer
Сайты с интересным дизайном и функционалом
-
emojitracker.com - используйте смайлы в Твиттере в режиме реального времени -
Oursroux.c — одностраничный сайт-слайдер -
Солей — прокрутка сайта с интересными анимационными эффектами и переходами -
sfcd.com — сайт с вертикальной прокруткой для продовольственного агентства с качественной графикой и анимацией. -
Креативный сайт из Боржоми -
Фрэнк Андервуд — сайт, посвященный теме избирательной кампании -
Обзор года Spotify в музыке -
bonnemarque.se — сайт с крутыми эффектами -
Интерактивный видеосайт -
motiv-studio.com/ — красивый концептуальный сайт с параллаксом и анимацией загрузки компонентов -
потому что-recollection.com/rita-mitsouko — музыкально-визуальный проект
Дизайн
Теги: #дайджест #новости #CSS #js #ES6 #ES6 #svg #animation #react #angular #html5 #браузеры #ссылки #веб-дизайн #веб-разработка #разработка веб-сайтов #CSS #JavaScript
Вместе с данным постом часто просматривают:
-
Гипатия
19 Oct, 24 -
Реверс-Инжиниринг Процессора Arm1
19 Oct, 24 -
Ugc Убивает Профессиональных Фотографов
19 Oct, 24 -
Сталкер. Оно Выйдет В Онлайн?
19 Oct, 24 -
Объединение Easel.js И Box2D На Холсте
19 Oct, 24
