CodeRoll | Web & Design

2022-04-17 13:00:30 3D transform

Сегодня хотим поделиться ссылкой на очень полезный ресурс: гайд по созданию 3D фигур и анимаций на CSS.

С помощью этого руководства, вы сможете создать 3D куб, реализовать эффект переворачивающейся карточки. А самое интересное - это кольцевая карусель!  

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

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

2022-04-16 13:01:07 Deno - это современная среда выполнения JavaScript, конкурирующая с Node.js, которая обещает такие функции, как безопасный ввод-вывод и встроенную поддержку TypeScript.

Райан Даль, первоначальный создатель Node.js, создал Deno, исправив все ошибки и недочеты, допущенные в Node.js.

Сегодняшняя статья на тему: "Почему Deno может заменить Node.js?" 

И правда почему...Ведь Node.js уже достаточно прочно обосновался! Об этом читайте в статье.

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

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

2022-04-15 13:00:55 GSAP & Vue3

Делимся обучающей статьей по созданию анимации с помощью библиотеки GSAP на Vue 3!

Лучшее обучение всегда эффективнее при создании чего-то на практике. В проекте из статьи задействованы такие современные инструменты, как Vite(инструмент сборки) и TailwindCSS(библиотека для стилизации).

Вы научитесь подключать и использовать на практике данные инструменты во Vue 3. Всего столько полезного в одной статье!

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

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

2022-04-14 13:01:22 AnyWebP - это конвертер картинок любых форматов в формат .webp.

WebP — это формат файла, разработанный компанией Google в 2010 году. Его особенностью является продвинутый алгоритм сжатия, позволяющий сократить размер картинки без видимых потерь в качестве.

А так же на этом ресурсе можно конвертировать из формата WebP в JPG/JPEG/PNG/ICO.

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

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

2022-04-13 13:01:48 Map & weakMap

Map - это коллекция пар ключ-значение, где ключи и объекты могут быть любого типа данных, включая объекты, функции и примитивные типы, в отличие от объектов, созданных с помощью литерала.
Для его создания используется конструктор Map.

Из статьи вы узнаете подробную информацию о Map, когда и как использовать. А так же познакомитесь с такой структурой, как weakMap.

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

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

2022-04-12 13:00:46 Bulma - это CSS фрэймворк, который основан на first-mobile подходе. Это гарантирует, что UI элементы будут отзывчивыми и отлично выглядеть на маленьких экранах.

Bulma предоставляет множество предварительно стилизованных компонентов без использования JavaScript. Этим он похож на Tailwind CSS и Material UI.

Данный фрэймворк очень прост в установке и освоении. Он имеет интуитивно понятные, читаемые модификаторы, синтаксис и классы.

Делимся статьей, которая познакомит вас с Bulma.

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

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

2022-04-11 13:01:14 Аллея памяти веба

Как много вы знаете об истории веба?

Делимся ссылкой на ресурс, посвященный 100 событиям в вебе, начиная с 2008 года.

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

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

2022-04-10 13:00:42 10015 Tools — это набор инструментов для фронтенд разработки. 

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

Все собрано на одном ресурсе!

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

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

2022-04-09 13:00:50 yarn - это альтернативный менеджер пакетов для Javascript и среды его выполнения Node.js, который, как утверждается, обеспечивает скорость, согласованность, стабильность и безопасность. 

Кстати, расшифровывается данное название, как Yet Another Resource Negotiator.

Сложно утверждать, что лучше: npm или yarn. Есть приверженцы и того, и другого!

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

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

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

2022-04-08 13:00:47 Лайфхаки Vue 3

В статье представлены полезные советы и рекомендации для разработки на Vue 3.

Например, вот один из них. Если вы знакомы с Сomposition API, то знаете, для его работы нужно каждый раз в компоненте объявлять defineComponent и setup: 



А можно воспользоваться короткой записью:



Об этом и других советах читайте в статье!

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

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