CodeRoll | Frontend

Harold - это статический сайт и генератор блогов, основанный на Handlebars и Markdown. Со встроенной поисковой системой и готовыми адаптивными шаблонами. #cms

Planck.js - это 2D физический движок для кроссплатформенной разработки игр HTML5 с использованием TypeScript. #typescript

EasyVK (VKontakte API Manager) - данная библиотека создана для того, чтобы VKontakte API имел удобную поддержу на node.js. С помощью этой библиотеки вы можете делать все, что позволяет официально ВКонтакте API, и не только. #node

Parallax Photo Carousel - реализация красивого слайдера с эффектом параллакса. При переходе на другой слайд создаётся впечатление объёмного рисунка. Забираем в коллекцию! #codepen

WaveUI - UI-фреймворк для Vue.js. Основные особенности: - Поддержка Vue 3 - Нет зависимости - Обеспечение мощных элементов, например написание меню навигации в одну строку - Без бесполезных оберток DOM внутри элементов пользовательского интерфейса. - Обработка всех размеров и интервалов из одной $base-font-sizeпеременной Sass, которую вы можете переопределить - Предоставление простых и последовательных опций и названий компонентов #vue

🔥 Лучшее на канале за последнюю неделю 1) Glassmorphism - онлайн инструмент для быстрой генерации эффекта матового стекла на CSS. 2) Reseter.css - отличная альтернатива Normalize.CSS и Reset.CSS. 3) Vuex-persistedstate - готовое решение для сохранения и восстановления своего состояние Vuex между перезагрузками страницы. 4) AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта. 5) ReactPlayer - компонент React для воспроизведения различных URL-адресов Всем успешной разработки! #Лучшее

ReactPlayer - компонент React для воспроизведения различных URL-адресов, включая пути к файлам, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, DailyMotion и Kaltura. #react

AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта. Работает на переменных CSS, позволяющих создавать практически неограниченное количество уникальных анимаций без написания единого ключевого кадра. Сэкономьте время и получите полный контроль над движением ваших элементов. AnimXYZ, созданный для Vue, React, SCSS и CSS, оживит ваш сайт. #css

​​Сайт может приносить вебмастеру доход двумя способами: как источник дохода от рекламы и как самостоятельный продукт, который можно продать💰 17 июня в 14:00 на бесплатном вебинаре «Как заработать на сайте?» поговорим о сайте, как источнике дохода и самостоятельном продукте. Эксперты расскажут из чего складывается стоимость сайтов, на какие параметры обратить внимание при покупке ресурса, как сделать свой сайт дороже и настроить дополнительный поток прибыли. Спикеры: 🔸Сергей Самонин, СЕО RTBSape, спикер конференций РИФ+КИБ, ECOM Expo и др. 🔸Нина Парамонова, руководитель telderi.ru и itbb.ru. Для участия необходимо зарегистрироваться по ссылке👇 https://clck.ru/VPicv

Evil Insult Generator - с помощью этого API Вы можете создать приложение, или объединить его с другим, например, реализовать сгенерированные оскорбления в шаблонах мемов. Единственный минус, а для кого то плюс - английский язык. Но вы всегда можете написать свой сервис и поделиться с нами!) Пример ответа сервера: { "number":"117", "language":"en", "insult":"Some cause happiness wherever they go; others, whenever they go.", "created":"2020-11-22 23:00:15", "shown":"45712", "createdby":"", "active":"1", "comment":"http:\/\/www.mirror.co.uk\/news\/weird-news\/worlds-20-most-bizarre-insults-7171396" } #api

Glassmorphism - онлайн инструмент для быстрой генерации эффекта матового стекла на CSS Пример кода: background: rgba( 255, 255, 255, 0.25 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); #css #инструменты

​​С чего начать первые шаги в программировании? 17 июня Сергей Петрелевич, эксперт Java с 15-летним стажем разработки в банковской сфере, расскажет о пути бэкенд-разработчика. Вы узнаете о том, каким должен быть фундамент знаний начинающего программиста и почему Java — удачный выбор для новичка. Также Сергей представит программу онлайн-курса «Java Developer. Basic» и познакомит с форматом обучения в OTUS. Региструйтесь на вебинар и готовьте свои вопросы эксперту 👉 https://otus.pw/sFfx/

Изучение @property и его анимационных возможностей (En). @property - правило в CSS, которое представляет собой регистрацию пользовательских свойств непосредственно в таблицу стилей без необходимости запускать любые JS. #css #статьи

Panabee - это простой способ в виде генератора для поиска доменных имен, названий приложений, названий веб-сайтов и названий компаний. #инструменты

BackstopJS - автоматизирует визуальное регрессионное тестирование вашего адаптивного веб-интерфейса, сравнивая скриншоты DOM с течением времени. #javascript

Reseter.css - отличная альтернатива Normalize.CSS и Reset.CSS. Существует много браузеров с сотнями версий. Каждая версия имеет как минимум 500+ несоответствий с разными версиями разных браузеров. И чтобы устранить это несоответствие - используйте Reseter.css. #css

Vuex-persistedstate - готовое решение для сохранения и восстановления своего состояние Vuex между перезагрузками страницы. #vue

Dopely colors - это онлайн инструмент для работы с цветом. С помощью него вы можете получить красивый градиент, создать палитру цветов или воспользоваться готовыми решениями. #инструменты

Cssreference.io - это бесплатное визуальное руководство по CSS. В нем представлены наиболее популярные свойства и объясняются их иллюстрированные и анимированные примеры . #css #полезное

jsPDF - ведущее клиентское решение HTML5 для создания PDF-файлов. Идеально подходит для билетов на мероприятия, отчетов, сертификатов и т.д. #javascript