🛠 Voca — это очень мощная библиотека JavaScript для работы со строками.

Библиотека Voca предлагает полезные функции, которые делают манипуляции со строками удобными: изменение регистра, обрезка, заполнение, усечение и многое другое. Модульная конструкция позволяет загружать всю библиотеку или отдельные функции, чтобы свести к минимуму ее применение. Библиотека полностью протестирована, хорошо документирована и поддерживается в течение длительного времени.

🔍 Демо | 📂 GitHub

#string #js

💡Оптимизация загрузки jQuery

Для оптимизации мы будем использовать CDN (Content Delivery Network).

Основные преимущества CDN:
– Уменьшение задержки – файл грузится с ближайшего к вам сервера
– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно
– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.

Пример кода

 src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> </script>

В атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.

А что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.
<script>
window.jQuery ||
document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>

#optimization #jquery

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

В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как form-input, btn, card или navbar.

🔍 Демо | 📂 GitHub

#CSS #framework

📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 3

Третья часть статьи о самых сложных вопросах на JavaScript-собеседованиях.

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

#article #js

Выберите правильный вариант 👇🏼 #test

🛠Three.js — библиотека JavaScript для создания простой в использовании, легких трехмерных объектов с рендерером WebGL по умолчанию. Библиотека также предоставляет Canvas 2D, SVG и CSS3D рендеры в примерах.

🔍 Демо | 📂 GitHub

#webgl #js

Выберите правильный вариант 👇🏼 #test

🛠 Stockroom — js инструмент, который без проблем управляет Вашим хранилищем Unistore (и его действиями) в Web Worker, настраивая оптимизированную двунаправленную синхронизацию, чтобы вы также могли использовать его и подписаться на него в главном потоке.

🔍 Демо | 📂 GitHub

#store #js

🛠 MelonJS — это игровой движок HTML5 с открытым исходным кодом, который позволяет разработчикам и дизайнерам сосредоточиться на контенте.

Фреймворк предоставляет набор компонуемых объектов и поддержку ряда сторонних инструментов. Дает вам мощную комбинацию, которую можно использовать целиком или по частям.

🔍 Демо | 📂 GitHub

#framework #js #html

Выберите правильный вариант 👇🏼 #test

🛠 JS Nice — замечательный сервис для деобфускации и базового документирования JS-скрипта. Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов и т.д.

🔍 Посетить сервис

#js

🛠 Devices.css — библиотека, которая с помощью чистого CSS отображает современные мобильные устройства. Включает некоторые из самых популярных девайсов, например iPhone X, Google Pixel 2 XL и Samsung Galaxy S8. Дизайны отличаются хорошим качеством и элегантностью и могут быть использованы для лэндингов или скриншотов страниц.

🔍 Демо | 📂 GitHub

#library #css

Выберите правильный вариант 👇🏼 #test