CodeRoll | Web & Design

2022-06-05 13:01:04 CSS генераторы

Полезных инструментов много не бывает!

Делимся ссылкой на ресурс, на котором вы найдете множество полезных генераторов CSS кода:
- генератор для создания кнопок переключателей
- генератор теней
- генератор треугольников
- генератор полосы прокрутки
и еще много других крутых инструментов!

Ссылка на сайт

#дизайн Открыть/Комментировать

2022-06-04 13:01:21 Видеочат

Вы можете создать свой видеочат! И в этом вам поможет сегодняшняя статья. Для создания используются JavaScript, Node.js, PeerJS, WebRTC и Socket.io.

В начале статьи можно посмотреть демо создаваемого приложения.

Ссылка на статью

#js Открыть/Комментировать

2022-06-03 13:01:08 Анимация во Vue

В статье рассматривается 5 лучших библиотек для создания анимаций во Vue:

- vue-kinesis
- vue-prix
- vue-fake3d-image
- v-wave
- vue-animate-onscroll

Читайте полный обзор с примерами использования в статье!

Ссылка на статью

#vue Открыть/Комментировать

2022-06-02 13:01:46 Книги по вебу

Столько всего полезного на одном ресурсе!

На этом сайте собрана коллекция бесплатных книг по HTML, CSS, JavaScript и другим направлениям.

Ссылка на сайт

#инструменты Открыть/Комментировать

2022-06-01 13:00:25 Курс по ES6

Если вы все еще не используете spread оператор(...), стрелочные функции и остальное, что пришло с появлением ES6, а так же не понимаете, что такое генераторы и для чего они нужны, то этот курс для вас.

Тем более он бесплатный!

Ссылка на курс

#js Открыть/Комментировать

2022-05-31 13:01:23 Hover эффекты

В статье показаны примеры крутых и продвинутых эффектов при наведении. В анимации используются такие свойства, как: background-clip, clip-path, perspective и другие.

Берите на заметку!

Ссылка на статью

#css Открыть/Комментировать

2022-05-30 13:01:51 VS Code shortcuts

Shortcuts (шорткаты) или "горячие" клавиши помогают повысить скорость написания кода.

В этой статье собраны самые популярные сочетания для работы в VS Code для Windows и Mac!

А в конце есть готовая шпаргалка с шорткатами.

Ссылка на статью

#статьи Открыть/Комментировать

2022-05-29 13:01:29 perspective

Свойство CSS perspective используется для придания трехмерному элементу некоторой перспективы.
Оно определяет, насколько далеко объект находится от пользователя. Более низкое значение приведет к более интенсивному 3D-эффекту, чем высокое.

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

Ссылка на генератор

#дизайн Открыть/Комментировать

2022-05-28 13:00:57 Двухфакторная аутентификация

Двухфакторная аутентификация (2FA) добавляет дополнительный уровень безопасности вашему веб-сайту или приложению. Используя 2FA, пользователь может быть уверен, что тот факт, что у кого-то есть пароль, не означает, что этот человек может получить доступ к вашей учетной записи.

Одной из реализаций двухфакторной аутентификации является использование приложений-аутентификаторов, например, такого, как Google Authenticator.

В этой статье вы узнаете, как реализовать этот процесс в Node.js с помощью Google Authenticator.

Ссылка на статью

#nodejs Открыть/Комментировать

2022-05-27 13:00:55 React Code Editor

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

В нем реализуется следующий функционал:
- компиляция кода в веб-приложении с поддержкой более 40 языков программирования;
- изменение темы редактора из списка доступных;
- получение информации о выполняемом коде (время выполнения кода, используемая память, статус и т. д.).

В проекте используется следующий стэк технологий:
- React.js — для фронтенда;
- TailwindCSS — для стилей;
- Judge0 — для компиляции и выполнения кода;
- RapidAPI — для быстрого развертывания кода Judge0;
- Monaco Editor — редактор кода, на котором работает проект;

Всего столько полезного для изучения в одном проекте!

Ссылка на туториал

#react Открыть/Комментировать