CodeRoll | Frontend

CSS Layout Generator - это инструмент для создания верстки страниц или отдельных компонентов. С помощью него можно строить разнообразные сетки. Нужно выбрать за основу один из шаблонов и настроить его под свои нужды. На выходе готовый HTML и CSS! Ссылка #html #css

SQL теперь в телеграм! SQL — главный язык программирования баз данных. Базы данных есть везде: от маленького интернет-магазина до социальной сети. Знание SQL очень важно для любого программиста! Его будет легко выучить, если подписаться на русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

NoSQL vs. SQL SQL и NoSQL — это две разные концепции систем баз данных. SQL — это язык, используемый в качестве стандарта для запросов и изменения систем баз данных, используемых большинством веб-сайтов и приложений. NoSQL относится к любой базе данных, которая не использует SQL в качестве основного интерфейса.  Подробнее о концепции NoSQL и сравнение с SQL читайте в статье! Ссылка #статьи

PNG в SVG Векторные картинки и иконки лучше и четче выглядят на сайте, чем растровые. Но что делать, если необходимое изображение есть только в формате PNG? Делимся ссылкой на конвертер картинок PNG в векторные изображения! Простые картинки очень хорошо конвертируются. Ссылка #дизайн

react-beautiful-dnd - это готовый React drag-and-drop компонент в виде списка, внутри которого можно перетаскивать и менять местами элементы. Из преимуществ стоит отметить хорошую производительность и плавную анимацию при перетаскивании. Демо можно глянуть по ссылке в репозитории. Ссылка на репозиторий #react

Reactive Resume — это бесплатный инструмент для создания резюме. С помощью этого приложения вы можете создавать несколько резюме и делиться ими с рекрутерами через уникальную ссылку или распечатать в формате PDF. Бесплатно, без рекламы и водяных знаков. Создатель гарантирует конфиденциальность данных. Для создания необходимо зарегистрироваться. Ссылка #интсрументы

Библиотеки диаграмм В статье представлено 13 вариантов JavaScript библиотек для создания диаграмм. Берите на заметку! Ссылка #js

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. С 10 по 16 января проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов. 👉 Проскочить на интенсив бесплатно

3D слайдер CSS способен на многое без помощи JavaScript! И доказательство тому cоздание 3D анимированного слайдера в виде куба на чистом CSS. Демо можно глянуть в статье, а также там рассказывается, как создать подобный. Ссылка #css

Альтернативы для Webpack Webpack долгое время являлся самым популярным бандлером. Однако за последние годы появилось немало альтернатив. В статье дается обзор на Browserify, ESBuild, Parcel, Rollup.js и Vite. Ссылка #статьи

Whimsical web - это ресурс, на котором собраны ссылки на сайты с интересным дизайном, анимацией и необычным функционалом. Хороший источник для вдохновения! Можно подсмотреть что-то интересное. Ссылка #дизайн

Aleph.js — это fullstack фреймворк для создания React приложений на Deno. Он имеет кое-что схожее с Next.js. Например, похож синтаксис для некоторых функций.  Aleph.js поддерживает рендеринг на стороне сервера, генерацию статических сайтов, создание автономных API, file-based маршрутизацию. Ссылка #deno #nodejs

Tremor  Дашборды или информационные панели используются для визуализации данных. Создание такого интерфейса с нуля очень трудоемкий процесс. Круто, когда есть готовые решения! Tremor - это React библиотека для быстрого создания дашбордов. Она содержит такие компоненты, как диаграммы, макеты, элементы ввода, необходимые для аналитического интерфейса. Ссылка #react

Ripple UI — это коллекция компонентов и утилит, созданная на основе Tailwind CSS. Вместо того, чтобы писать бесконечные классы, можно использовать готовые компоненты из RippleUI. Ссылка #инструменты

columns Разработчики привыкли во всех случаях в верстке использовать flex и grid. Но в CSS есть не менее мощное свойство columns и иногда даже удобнее воспользоваться им вместо привычных способов.  Например, можно сверстать трех-колоночную структуру и сразу адаптивно без медиа-запросов. Полезно знать о таких возможностях. Наглядный пример показан в статье! Ссылка #css

Стань востребованным дизайнером — пройди бесплатный интенсив на открытой креативной платформе Простор от VK Образования. Тебя ждут обучающие материалы от топовых экспертов рынка: – Владимира Лифанова — основателя брендингового агентства «Супрематика»; – Саши Ермоленко — директора департамента дизайна сервисов VK; – Насти Петяхиной — основательницы и главного редактора журнала «Шило»; – Ксении Жаворонок — арт-директора и руководителя отдела дизайна SETTERS; – Преподавателей дизайн-бюро и школы «Щёлочь». Начни учиться у лучших дизайнеров и менторов прямо сейчас https://vk.cc/cjIp6N

Оптимизация CSS При написании CSS стилей есть немало нюансов, который стоит учитывать для того, чтобы в будущем сайт работал исправно.  В этой статье дается 30 ценных советов по оптимизации CSS для улучшения производительности сайта.  Ссылка #статьи

uiverse - это галерея готовых UI элементов: - кнопок с интересными hover эффектами - лоадеров - чекбоксов - переключателей - инпутов и других. Можно подсмотреть классные варианты и скопировать готовый HTML и CSS!  Ссылка #дизайн

Запускаем обновлённый курс "Fontend-разработчик 2023" ✔️ JavaScript ✔️ HTML ✔️ CSS ✔️ Фреймворки Обучаем и новичков и уже практикующих специалистов. Никакой воды, только разработка, только хардкор!💪 Старт 9 января 2023.  *Есть рассрочка и кэшбэк. Пиши нам devhouse_school #реклама

Content Parser Website - это онлайн-инструмент для извлечения текста или разметки с веб-сайта.  Очень быстрый способ, когда на ресурсе много контента и рекламы, а вы хотите скопировать только текст! Для извлечения нужно ввести URL адрес. Ссылка #инструменты