AR.js — это чистое веб-приложение, запускается оно без помех и работает на любом телефоне с webgl и webrtc.  AR.js позволяет вам использовать ваш мобильный телефон для восприятия дополненной реальности.
Приложение имеет следующее особенности: скорость работы: приложение спокойно выбивает 60 fps даже на двухлетних телефонах; прост в использовании: это чисто web-решение, поэтому не требует установки — JavaScript:  three.js + jsartoolkit5; открытый код: все доступно для пользования и совершенно бесплатно;
стандартизация: приложение работает на любом телефоне с поддержкой webgl и webrtc.

Демо | GitHub

#js #web

CSS. Карманный справочник
Э. Мейер, 2019

Работая с каскадными таблицами стилей (CSS), читатель может быстро найти нужный ответ в этом удобном кратком справочнике, в котором предоставляются все основные сведения, необходимые для оперативной реализации CSS-стилей. Этот карманный справочник идеально подходит для веб-разработчиков от промежуточного уровня до уровня высокой квалификации, а его пятое издание исправлено согласно спецификации CSS3.

Скачать книгу | Больше книг

#book #css #frontend

В новом обновлении @ui8_bot будет улучшена работа сервиса и добавлена система подписок на бота. Если кто-то хотел приобрести доступ к @ui8_bot, но еще не сделал это, то есть последний шанс получить доступ навсегда по низкой цене.

С понедельника мы уберем возможно приобретения доступа навсегда и оставим только подписки на определенный срок. Всем тем, кто уже приобрел доступ навсегда, мы его оставим.

#upcoming @ui8_bot

Mousetrap.js — это простая и легковесная библиотека JavaScript для привязки сочетания клавиш. Она поддерживает такие события как нажатие, удерживание и отпускание отдельных клавиш, комбинации клавиш, последовательности нажатия. Работает с международными раскладками и числовым рядом на клавиатуре.

Демо | GitHub

#library #js

Finaci Financial Debit/Credit UI Card

Это высококачественный комплект для Photoshop из 30 дебетовых/кредитных карт, который создан таким образом, что все компоненты легко редактировать и использовать. Все слои сгруппированы и имеют свои названия.

Скачать бесплатно по подписке можно в нашем боте @ui8_bot.

Скачать в боте | Купить на сайте (16$)

#design #file @ui8_bot

Force.js — это простой способ анимировать скроллинг или другой элемент на странице. Библиотека имеет много различных функций для анимации и пытается использовать CSS-анимации по умолчанию, что очень хорошо, однако, если браузер не поддерживает CSS3, будут использованы средства javascript. Force.js поддерживает даже настолько старые браузеры, которые не поддерживают свойство transition.

Демо | GitHub

#js #css

7 практических советов по улучшению дизайна

У каждого веб-разработчика, хочет он этого или нет, наступает момент, когда ему приходится делать визуальный дизайн. Мы подготовили статью, которую рекомендуем прочитать всем веб-разработчикам. 7 советов, которые помогут сделать ваш сайт красивым.

Читать статью

#article #design #web

GraphicsJS — это мощная графическая JavaScript-библиотека с открытым исходным кодом, основанная на технологии SVG (VML для старых версий IE).

Давайте рассмотрим, чем эта библиотека хороша и выделяется среди прочих.

Во-первых, GraphicsJS весит совсем немного и обладает очень гибким JavaScript API. Она предоставляет богатые возможности для форматирования текста, а также виртуальный DOM – независимый от специфики HTML DOM в разных браузерах.

Во-вторых, в отличие от других продуктов AnyChart – JavaScript-библиотек для построения графиков – GraphicsJS бесплатна для использования как в коммерческих, так и в некоммерческих целях.

В-третьих, GraphicsJS обладает кросс-браузерной совместимостью, включая поддержку Internet Explorer 6.0+, Safari 3.0+, Firefox 3.0+, Opera 9.5+. В старых версиях IE библиотека использует VML, во всех остальных браузерах – SVG.

Наконец, GraphicsJS позволяет эффективно комбинировать графику и анимацию.

Демо | GitHub

#js #svg

Bamboo.js — фреймворк для разработки адаптивных веб-приложений, в которых необходимо использовать скользящее меню и фиксированную шапку сайта с возможностью прокрутки контента. Традиционная кнопка раскрывает и скрывает меню навигации. Если окно браузера будет меньше ширины веб-страницы, то меню будет постоянно отображаться с левой стороны.

Демо | GitHub

#js #responsive

Мы запустили новый канало про дизайн.

Если вы интересуетесь UI/UX дизайном, то рекомендуем подписаться на Daily Design 🔥

Там мы ежедневно публикуем полезные материалы для дизайнеров: бесплатные киты/шрифты/иконки, источники вдохновения, статьи и многое другое.

@dailydezign

📖 Fullstack React. Полное руководство по ReactJS
🖋 А. Аккомаззо, 2020

Обновленное, подробное руководство по React. Станьте экспертом ReactJS уже сегодня. Прекратите тратить свое время на запутанные и неполные уроки и книги.

Что вы узнаете?
— Передовые, глубокие знания о том, как работает React
— Полное понимание использования Redux
— Как взаимодействовать с REST, GraphQL и Relay
— Вводные знания React Native
— И многое, многое другое

Скачать книгу | Больше книг

#book #react

🛠 TensorFlow.js — это открытая библиотека для определения, тренировки и развертывания моделей машинного обучения в браузере. Позволяет строить нейронные сети с нуля, используя высокоуровневое API, умеет импортировать переобучать и запускать существующие нейронные сети. Поддерживает WebGL и умеет подключать к работе вычислительные мощности видеокарты.

Демо | GitHub

#tools #js #ai

Redux — это библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения. Чаще всего используется в связке с React или Angular для разработки клиентской части. Содержит ряд инструментов, позволяющих значительно упростить передачу данных хранилища через контекст.

Демо | GitHub

#js #library #react #angular

Упрости свой JavaScript – используй map, reduce и filter

Бросай forEach – открывай новые горизонты! Введение в перебирающие методы массивов, которые должен знать каждый JavaScript разработчик.

Читать статью

#article #js #arrays

📖 Изучаем TypeScript 3
🖋 Н. Розенталс, 2019

Книга начинается со знакомства с языком TypeScript, и, поэтапно переходит от базовых понятий к продвинутым и мощным функциям языка, включая методы асинхронного программирования, декораторы и обобщения. Также параллельно рассматривается множество современных фреймворков JavaScript и TypeScript - для каждого из них подробно описано модульное и интеграционное тестирование.

К концу книги вы создадите всеобъемлющее комплексное веб-приложение, которое покажет, как можно объединить в реальном сценарии возможности языка TypeScript, шаблоны проектирования и передовые практики разработки.

💾 Скачать книгу | 📚 Больше книг

#book #ts #js

🛠 Spine.js — небольшой MVC фреймворк, во многом он базируется на Backbone.js API. Веб приложения создаются непосредственно на JavaScript, что дает логическое разделение создаваемого кода и наследование моделей. Фреймворк довольно прост, входной порог невысок. Есть расширение Spine Moblie для работы с приложениями под мобильные устройства. Нет проблем с работой в разных браузерах, поддерживаются все современные. Отметим и очень подробную документацию.

🔍 Демо | 📂 GitHub

#js #framework #mvc

🛠 Polymer.js — библиотека от Google, которая позволяет создавать самодостаточные веб-компоненты, подходящие для многократного использования, которые работают по тому же принципу, что и стандартные HTML-элементы. Пользоваться этими веб-компонентами так же просто, как и обычными HTML-элементами. В репозитории PolymerElements собрано более 100 веб-компонентов, созданных средствами Polymer, представленных в виде самостоятельных репозиториев.

🔍 Демо | 📂 GitHub

#js #webcomponents

📑 Как изменить цвет вкладки для мобильного Chrome

Если вы заходили с мобильного хрома в фейсбук, то наверняка видели, что интерфейс браузера красится в фирменный синий цвет соцсети. Но зачем и как? Описываем в статье.

🔍 Читать статью

#article #tips

📑 Как правильно пользоваться консолью JavaScript

Умеешь только в простейшие консольные команды типа console.log? Мы сделаем тебя великим мастером консоли!

Давайте начистоту – как вы дебажите код? Ну не отрицайте, конечно же, логируете сообщения в консоль браузера – все мы так делаем. console.log отлично работает, он быстрый, удобный – но не оптимальный. Раз уж мы идем по легкому пути, давайте делать это с шиком!

🔍 Читать статью

#article #js #tips

🛠 Iconate.js — это библиотека, которая добавляет красивые анимации к иконкам на вашем сайте. Работает с разными типами шрифтов.

🔍 Демо | 📂 GitHub

#js #animation #icons