TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса, созданного с помощью библиотеки React (или, например, с помощью популярных JavaScript конструкторов: Next.js, Gatsby и т.п.). TinaCMS обеспечивает контекстное и интуитивно понятное редактирование без ущерба для качества кода, поэтому идеально подходит для применения в небольших командах и для индивидуальной разработки.

#CMS

CSS-функции min(), max() и clamp()

Поддержка CSS-функций сравнения min(), max() и clamp() появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов.

#статьи

Nightwatch.js - это интегрированное, простое в использовании решение для сквозного тестирования веб-приложений и веб-сайтов, написанное на Node.js. Он использует W3C WebDriver API для управления браузерами, для выполнения команд и утверждений для элементов DOM.

#node

Gradient Backgrounds - это тщательно подобранный список лучших градиентных веб-сайтов в Интернете, который позволяет вам исследовать, пробовать и выбирать из сотен красивых смешанных цветовых палитр.

#инструменты

noUiSlider - это легкий слайдер диапазона с поддержкой мультитач и множеством функций. Он поддерживает нелинейные диапазоны, не требует внешних зависимостей, поддерживает клавиатуру и отлично работает в адаптивном дизайне.

#javascript

Range - симпапульная реализация ползунка с изменением чисел. Забираем в коллекцию!

#codepen

massCode - бесплатный менеджер фрагментов кода с открытым исходным кодом для разработчиков. Это позволит вам создавать и организовывать свою собственную коллекцию личных фрагментов и иметь к ней быстрый доступ.

#инструменты

🔥 Лучшее на канале за последнюю неделю

1) Книга - Современный JavaScript для нетерпеливых.
2) Range - симпапульная реализация ползунка с изменением чисел.
3) AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта.
4) TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса.
5) Gradient Backgrounds - это тщательно подобранный список лучших градиентных веб-сайтов в Интернете.

Всем успешной разработки!

#Лучшее

Bideo.js – библиотека JavaScript для добавления видеофона, который хорошо смотрится на экране любого размера и плавно масштабируется.

#javascript

Vektors — огромная библиотека бесплатных, качественных иллюстраций для ваших проектов.

#графика

PlayCanvas - веб-среда для разработки игр. Это означает, что вы используете их платформу для написания своего кода, его тестирования, настройки ваших сцен (у них безумно подробный графический интерфейс WebGL 3D).

#инструменты

Автоматизация верстки.

Интересная статья, о том как автоматизировать процесс верстки макетов и тем самым облегчить себе жизнь и сократить время на разработку.

#статьи

React Nice Dates - состоит из набора компонентов и утилит с разными уровнями абстракции, которые вы можете использовать для создания своих собственных средств выбора даты.

#react

Pixeltrue - набор высококачественных векторных анимированных иллюстраций. Доступны бесплатно для личного и коммерческого использования (лицензия MIT).

#графика

Confetti Button - креативная реализация кнопки загрузки. При нажатии вылетает конфетти. Минус в том, что очень много js для такой маленькой кнопки). Но выглядит достойно. Забираем в коллекцию!

#codepen

Edamam - этот API отлично подходит, если вы хотите продемонстрировать свои навыки работы с интерфейсом, поскольку вы можете добавлять высококачественные изображения еды вместе с рецептом этой еды, предоставляемым этим API.

#api

Rakon - совершенный и мощный многофункциональный шаблон, который подходит для любого типа агентств, портфолио, дизайн-студии и многого другого. Он отлично смотрится на планшетах и мобильных устройствах благодаря адаптивному дизайну и гибкому коду. Доступно более 12 уникальных домашних страниц и более 20 внутренних страниц. Этот удобный шаблон имеет множество функций, таких как плавная анимация, потрясающие иллюстрации, шрифты Google, большое количество значков (The Icon of) и многое другое.

#шаблоны

Vuetify - это библиотека пользовательского интерфейса Vue с красиво созданными вручную material design компонентами. Навыки дизайна не требуются - все, что вам нужно для создания потрясающих приложений, всегда у вас под рукой.

#vue

Готовимся к собеседованию. Шпаргалка по JavaScript.

Автор статьи отвечает на вопросы с технических собеседований, которые проходил сам. Читаем, готовимся, умеем!)

Всем хороших выходных!

#javascript #статьи