CodeRoll | Frontend
5.04K subscribers
1.59K photos
73 videos
1 file
899 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Tailwind CSS – тонко настраиваемый низкоуровневый CSS фреймворк, который предоставляет все необходимые строительные блоки для создания персонализированного дизайна без лишней борьбы с переопределением раздражающих встроенных стилей

Особенности:
- Полностью адаптивный.
- Расширяемый компонентами.
- Легко настраиваемый.

#CSS #Framework
Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты.

Nuxt разработан на основе мощной модульной архитектуры. Более 50 разнообразных модулей сделают разработку проще и быстрее. Оптимизирует ваше приложение сразу из коробки.

#JavaScript #Vue #Node #Framework
Meteor - это платформа с открытым исходным кодом для браузеров, мобильных устройств и настольных компьютеров, которую используют более полумиллиона разработчиков по всему миру, чтобы сделать разработку приложений на JavaScript простой, эффективной и масштабируемой.

Основные преимущества:
- Удобное асинхронное серверное программирование благодаря встроенному Fibers.
- Отлично спроектированная абстракция для работы с данными через коллекции.
- Абстракция для вызова серверных методов, выглядящая как вызов асинхронной функции с callback'ом.
- Удобный деплой приложений.
- Протокол DDP, призванный заменить REST API. Это очень простой но мощный протокол, основанный на EJSON (расширенный JSON). DDP поддерживает RPC и двустороннюю передачу данных, работает поверх WebSockets и SockJS.
- Best practices enforcement. HTML, CSS, LESS или coffeescript должны быть валидными (иначе проект не скомпилируется), чёткое разделение между шаблонами (spacebars — наследник handlebars), css и js.

#javascript #framework
Shoelace - передовая библиотека веб-компонентов.

Основные особенности:
- Работает со всеми фреймворками
- Работает с CDN
- Полностью настраивается с помощью CSS
- Включает официальную темную тему
- Создан с учетом доступности
- Открытый исходный код

#CSS #Framework
UIkit - это легкий и модульный интерфейсный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Основные особенности:
- UIkit развивается на LESS & SASS.
- Коллекция небольших, aдаптивных компонентов с использованием унифицированных и бесконфликтного соглашения об именовании.
-  UIkit обеспечивает согласованную работу от телефонов и планшетов до десктопов. Ведь он основан на Mobile first подходе

#html #css #framework
Aurelia — это интерфейсная среда с открытым исходным кодом. Ненавязчивый стиль Aurelia, основанный на стандартах, делает его единственным фреймворком, который дает вам возможность создавать компоненты с использованием JavaScript или TypeScript. Если вы знакомы с современными JS и HTML, Вы сможете создавать даже самые сложные приложения.

Основные особенности:
- Легко обучаемая.
- Обширная экосистема.
- Простое тестирование.
- Легкое кодирование с условными обозначениями.
- Высокая производительность.
- Реактивное связывание.
- Непревзойденная расширяемость.
- Маршрутизация, композиция и прогрессивное улучшение.

#Framework #Javascript
Spectre.css – лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS.

#css #framework
Duet Design System - это набор компонентов и инструментов многократного использования, основанных на четких стандартах. Duet разделен на шесть интерфейсных пакетов и Sketch Toolkit, которые используют дизайнеры. Эти инструменты можно использовать вместе или по отдельности в зависимости от потребностей вашей команды.

#framework #html #css
Halfmoon - это отзывчивая интерфейсная среда, которая отлично подходит для создания информационных панелей и инструментов. Встроенный темный режим, полная настраиваемость с использованием переменных CSS (около 1500 переменных), дополнительная библиотека JavaScript (без jQuery), классы, подобные Bootstrap, и кросс-браузерная совместимость (включая IE11).

#html #css #framework
MUI - это легкий CSS-фреймворк, который соответствует рекомендациям Google по материальному дизайну. MUI CSS можно легко настроить с помощью файлов SASS, а так же он имеет небольшой размер загрузки, чтобы страницы загружались как можно быстрее.

#css #framework
Что такое генераторы статических сайтов и почему Astro — лучший фреймворк для разработки лендингов

Недавно я решал задачу разработки сайта-лендинга для собственного проекта. У лендинга должна была быть админка, то есть данные для его содержимого должны были храниться и редактироваться на сервере. Поэтому я искал современный и мощный инструмент для генерации страниц на основе данных из API админ-панели.

Ссылка

#framework
Vue vs React что выбрать в 2024

Пространство веб-разработки интерфейса наполнено множеством фреймворков JavaScript для работы. Однако на ум приходят два главных претендента: Vue и React. Обе платформы представляют собой эффективные и гибкие решения для создания современных веб-приложений и получили широкое распространение даже у таких крупных брендов, как Adobe, Airbnb, Alibaba, Figma и Netflix.

Ссылка

#framework
Почему реактивность без VDOM (с реальным DOM) лучше, чем реактивность с VDOM?

В этой статье я хотел бы поделиться своими мыслями о том, почему виртуального DOM можно избежать при создании реактивности сегодня. Я работаю со всем этим уже около полутора лет, создавая фреймворк Cample.js, и у меня есть некоторые соображения по этому поводу.

Ссылка

#framework