CodeRoll | Frontend

Papa Parse - надежная библиотека JavaScript, которая считается самым быстрым анализатором CSV в браузере. Это универсальный инструмент для синтаксического анализа CSV в JSON. #javascript

Оффер от Яндекса за один день 🔥 15, 22 и 29 мая Яндекс проводит One Day Offer для мобильных разработчиков — онлайн-встречу, на которой можно получить оффер за один день. Ищут middle/senior-разработчиков, пишущих на Objective-C/Swift/Java/Kotlin. Чтобы попасть, необходимо решить две задачи онлайн. Это можно сделать в любое время — решение проверяет компьютер. Если задачи решены успешно — то ребята из Яндекса приглашают на собеседование One Day Offer, где в течение дня участники смогут пройти две секции с кодом и тем же вечером получить предложение о работе. Теперь за день можно успеть всё. Надо лишь зарегистрироваться.

Гайд по HTML-элементам, которые можно использовать в каждом проекте. В данной статье автор взял следующий набор элементов: header, nav, main, section, article, aside, address, и показал случаи, когда можно их использовать. #статьи

Upscale - мгновенно увеличивайте разрешение любого рисунка или фотографии. Upscale не увеличивает ваши пиксели - он увеличивает ваше изображение. Технология анализирует ваше изображение и создает совершенно новые пиксели. #инструменты

ApostropheCMS - это мощная и гибкая платформа для создания веб-сайтов для веб-агентств, SaaS-компаний, высшего образования, предприятий и многого другого. #cms

Visper - новая онлайн-платформа виртуальных персонажей от Сбера, с помощью которой любой пользователь теперь может анимировать презентацию или создать видеоролик с сопровождением визуальными персонажами. Сервис можно использовать для решения задач в различных областях: в маркетинге, онлайн-обучении, создания контента для соцсетей и т.д. Из особенностей - наличие жестикуляции у персонажей, что поможет акцентировать внимание на ключевых тезисах и удержать внимание аудитории. В ближайшее время будет добавлена опция автоматического подбора жестов: пользователю достаточно будет загрузить текст и проверить, правильные ли подсказки визуальный персонаж получил от алгоритмов. В рамках бета-тестирования доступ к платформе бесплатный. 👉Попробовать использование сервиса можно по ссылке https://visper.tech/

Supabase UI - это библиотека компонентов пользовательского интерфейса высокого уровня, ориентированная на быстрое и эффективное создание красивых приложений. Пользовательский интерфейс Supabase разработан для использования с служебными классами Tailwind CSS. #react

Подготовили для Вас перевод статьи 13 useful JavaScript array tips and tricks you should know Массив - одна из самых распространенных концепций jаvascript, которая дает нам множество возможностей для работы с данными, хранящимися внутри. Принимая во внимание, что массив является одной из самых основных тем в jаvascript, о которой вы узнаете в начале вашего пути программирования, в этой статье будут показаны несколько приемов, о которых вы, возможно, не знали и которые могут быть очень важными! #javascript

Макеты для верстки теперь в Telegram! Figma Макеты — уникальный канал, куда выкладываются дизайн-макеты в форматах Figma и PSD для верстки сайтов, практикуйтесь и добавляйте проекты к себе в портфолио! Подписывайся: @FigmaMaket🔥

Отличный способ плавной прокрутки ссылки-якоря c учетом фиксированного меню на JS. document.querySelectorAll('a[href^="#"').forEach(link => { link.addEventListener('click', function(e) { e.preventDefault(); let href = this.getAttribute('href').substring(1); const scrollTarget = document.getElementById(href); const topOffset = document.querySelector('.menu').offsetHeight; // const topOffset = 0; // если не нужен отступ сверху const elementPosition = scrollTarget.getBoundingClientRect().top; const offsetPosition = elementPosition - topOffset; window.scrollBy({ top: offsetPosition, behavior: 'smooth' }); }); }); Метод Window.scrollBy() имеет параметр top в котором мы укажем количество пикселей, на сколько нам необходимо прокрутить страницу. От общей высоты документа отнимем высоту навигации и получим необходимое смещение в пикселях по оси Y. #javascript

TMDb - известный API, который предоставляет информацию по конкретным шоу, фильмам, актерам, сериалам. Используя изображения, не защищенные авторскими правами, вы действительно можете создать отличное приложение для поклонников своих любимых шоу. #api

Бесплатный вебинар «Как запустить проект в Kubernetes за 60 минут» от Mail․ru Cloud Solutions Kubernetes — сложная для внедрения технология, если запускать ее самостоятельно, преодолевая все подводные камни и неочевидные препятствия. Специалисты MCS помогут вам подготовиться к возможным трудностям. На вебинаре от Mail․ru Cloud Solutions 29 апреля вы узнаете, как быстро задеплоить проект в Kubernetes за 60 минут, как справиться со всеми сложностями и настроить автоматизированный конвейер разработки приложения. По итогам вебинара вы получите готовый репозиторий в GitHub и сможете самостоятельно повторить все действия, которые будут продемонстрированы спикером в рамках вебинара. Мероприятие пройдет в четверг, 29 апреля, онлайн. Начало в 17:00 по Москве. Регистрация обязательна: https://vk.cc/c1ek3D

Instant.page - использует своевременную предварительную загрузку, предварительно загружает страницу прямо перед тем, как пользователь нажимает на нее. #javascript

🔥 Лучшее на канале за последнюю неделю 1) Random Password Generator - реализация генератора случайно созданных паролей с красивой стилизацией. 2) Подборка ресурсов с бесплатными мокапами. 3) Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов.  4) Responsively - инструмент для одновременной проверки внешнего вида его сайта на разных устройства. Всем успешной разработки! #Лучшее

Vuesax — новый фреймворк UI-компонентов, созданный Vuejs для упрощения работы над проектами и придания им уникального и приятного стиля. Он был создан с нуля и спроектирован так, чтобы подходить самым разным разработчикам, как любителям фронтенда, так и бэкендерам, желающим без особых проблем создать интерфейс приложения для конечного пользователя. #vue

Propeller.js - библиотека JavaScript для поворота элементов с помощью мыши или сенсорных жестов.  Propeller использует композицию requestAnimationFrame и GPU для повышения производительности. Он также совместим с сенсорными устройствами. Есть поддержка jQuery. #javascript #jquery

Pfpmaker -онлайн инструмент для быстрого создания аватарок. Измените цвета, фон и тени до совершенства. Фон удаляется автоматически. #инструменты

Подборка ресурсов от нашего подписчика с бесплатными мокапами. 1) https://www.ls.graphics 2) https://smartmockups.com 3) http://mockuuups.studio 4) http://psdrepo.com 5) https://themockup.club 6) https://mockups-design.com 7) https://www.mockupworld.co 8) https://graphicburger.com #графика

Онлайн-митап от SberDevices 📆 28 апреля  🔑 Регистрация по ссылке https://clck.ru/UQSGg На митапе выступит Антон Виноградов, разработчик с опытом более 10 лет в суровом энтерпрайзе и международных стартапах. Построил фронтенд Альфа-Банка. В прошлом архитектор фронтенда Яндекс.Поиска. Руководил разработкой Яндекс.Видео, Яндекс.Станции и Умного дома с Алисой. Сейчас руководит разработкой фронтенда в SberDevices. Антон проведет мастер-класс, на котором в прямом эфире создаст навык на свеженьком SaluteJS, научит использовать через CLI  основанную на ML технологию SmartApp Brain, покажет как подключать платежи и создавать словари реплик для виртуальных ассистентов Салют.  Зарегистрируйтесь и получите ссылку на трансляцию. До встречи в прямом эфире 28 апреля ✊

404 Page - реализация страницы с 404 ошибкой(страница не найдена), которая содержит эффект параллакса. Забираем в коллекцию! #codepen