CodeRoll | Frontend

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 адрес. Ссылка #инструменты

Javascriptmas - это онлайн адвент-календарь с заданиями по JavaScript. Каждый день открывается новое испытание. Совершенствуйте свои навыки в JavaScript, выполняя ежедневные задачи. Ссылка #js

В российских компаниях на плохие результаты behavioral interview могут закрыть глаза, если технически ты силён. В зарубежной такой номер скорее всего не пройдёт.  На бесплатном вебинаре хедлайнер курса Frontend для мидлов Дмитрий Безуглый (CTO Frogly, работал тимлидом в ВКонтакте) поделится личным опытом прохождения собеседований в зарубежные компании.  На вебинаре:  ⬥ рассмотрим, что такое Behavioral Interview; ⬥ поговорим о том, какие вопросы задают чаще всего; ⬥ разберёмся, как на них правильно отвечать. Встречаемся 8 декабря в 19:00 (по Москве).  Регистрируйтесь по ссылке! #реклама

Новые viewport единицы Всем известны такие единицы измерения в CSS, как: vw = 1% от ширины области просмотра vh = 1% от высоты области просмотра В то время как единицы vw и vh хорошо работают для десктопа, на мобильных устройствах дело обстоит иначе. Там на размер области просмотра влияет наличие или отсутствие динамических панелей инструментов(адресные строки и панели вкладок).  Поэтому появилась необходимость в ведении новых единиц: Единицы c префиксом lv(large viewport): lvw, lvh, lvi, lvb, lvmin, lvmax Единицы c префиксом sv(small viewport): svw, svh, svi, svb, svmin, svmax На данный момент эти единицы работают в последних версиях браузеров Chrome, Firefox, Safari. Подробнее о них читайте в статье! Ссылка #css

Полезные команды npm В статье приводится несколько команд npm, которые могут вам пригодиться.   Например, команда npm docs <имя_пакета> открывает документацию в браузере. И не нужно больше гуглить, достаточно одной команды! Об этой и остальных командах, читайте в статье. Ссылка #статьи

Tylify - это инструмент для создания бесшовных паттернов для фона. Доступна настройка цвета фона и добавление собственных изображений. Результат можно скачать в виде SVG, CSS или PNG. Ссылка  #дизайн