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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Panabee - это простой способ в виде генератора для поиска доменных имен, названий приложений, названий веб-сайтов и названий компаний.

#инструменты
Изучение @property и его анимационных возможностей (En).

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

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

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

#react
🔥 Лучшее на канале за последнюю неделю

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

Всем успешной разработки!

#Лучшее
WaveUI - UI-фреймворк для Vue.js.

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

#vue
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax Photo Carousel - реализация красивого слайдера с эффектом параллакса. При переходе на другой слайд создаётся впечатление объёмного рисунка. Забираем в коллекцию!

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

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

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

#cms
Movin Icons - отличные анимированные векторные иконки, которые так же просты в использовании, как и иконки SVG. Доступно на всех платформах.

#иконки
Шпаргалка по JS-методам для работы с DOM.

JavaScript предоставляет множество методов для работы с Document Object Model или сокращенно DOM (объектной моделью документа): одни из них являются более полезными, чем другие; одни используются часто, другие почти никогда; одни являются относительно новыми, другие признаны устаревшими.

#статьи
Tippy.js - это комплексное решение для всплывающих подсказок, всплывающих окон, раскрывающихся списков и меню для Интернета, основанное на Popper.

#javascript
Material Palette — генератор палитр для тех, кто работает с Material Design. Выбираете два цвета — и получаете полную палитру, которую можно скачать.

#инструменты
Автор: Файн Я., Моисеев А.
О книге: 2021 год, 528 страницы, Русский язык, 11.00Mb

Содержание:
Если вы занимаетесь веб-разработкой – от веб-клиентов до полнофункциональных одностраничных приложений – то фреймворк Angular будет для вас просто спасением. Этот ультрасовременный инструмент полностью интегрирован со статически типизированным языком TypeScript, который отлично вписывается в экосистему jаvascript.

#книги
Micron.js - библиотека построена с CSS Animations и управляется JavaScript. Вы можете легко добавить взаимодействие к элементу DOM с атрибутами данных, настроить клик для каждого элемента.

#javascript
React LazyLoad - ленивая загрузка ваших компонентов, изображений или чего-либо еще, что имеет значение для производительности.

#react
Themer - онлайн инструмент, который берет набор цветов и генерирует темы для вашей среды разработки (редакторы, терминалы, обои и т. д.).

#инструменты
CreateJS - набор модульных библиотек и инструментов, которые работают вместе или независимо друг от друга, чтобы предоставлять богатый интерактивный контент по открытым веб-технологиям через HTML5.

#javascript