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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Haikei - инструмент для создания SVG форм и графики для Вашего проекта. Каждый генератор обладает уникальным набором свойств и функций, которые помогут вам открывать и создавать неограниченные ресурсы дизайна.

#инструменты
Tabler Icons - крутой набор качественных, полностью настраиваемых иконок в формате SVG. В наборе 1280 иконок.

#иконки
Vuestic UI - библиотека пользовательского интерфейса Vue.js 3.0. Содержит более 50 многофункциональных компонентов, которые можно использовать в любом дизайнерском решении.

#vue
Imagehover.css - библиотека эффектов при наведении на изображения на чистом CSS. Полностью масштабируемая, а также есть поддержка LESS и SCSS. В комплекте более чем 40 классов эффектов.

#css
Cuba Admin - это полнофункциональный, многоцелевой, премиальный шаблон админпанели, созданный с использованием таких технологий как: Bootstrap 4, React, Angular 12, VueJS, Laravel

Он имеет огромную коллекцию повторно используемых компонентов пользовательского интерфейса и интегрирован с последними плагинами. Его можно использовать для всех типов веб-приложений, таких как настраиваемая панель администратора, серверная часть приложения, CMS или CRM.

#шаблоны
CSS Diner - это забавная игра для изучения и практики селекторов CSS. А тот, кто хочет этой игре дописать функционал, может легко стянуть проект с гита.

#полезное #css
JS Marathon - формат обучения, который мотивирует вас смотреть короткие уроки 3 раза в неделю, сразу применять знания на практике, вовремя сдавать домашки и получать ревью кода от ментора как в реальном проекте. В результате соберете игру-файтинг на JS за неделю, бесплатно. 

Старт 31 мая. Для регистрации запустите бота. 

#javascript
Какой из селекторов отвечает за выбор прямого потомка c классом .code, следующий сразу же за body в DOM-дереве?
Anonymous Quiz
4%
body *.code
7%
body ~ .code
5%
body:after .code
15%
body .code
13%
body + .code
4%
body[class=".code]
52%
body > .code
Material Tailwind - это простая в использовании библиотека компонентов на Tailwind CSS и Material Design. Он включает компоненты React, написанных с использованием классов CSS Tailwind и руководств по материальному дизайну. Скоро появятся компоненты для VueJS, Angular и многих других.

#react
Шпаргалка по CSS Grid в 2021 году (En).

В данной статье автор показывает и рассказывает, как каждое из свойств Grid работает вместе с CheatSheet, охватывающим все, что вы можете делать с Grid.

#css
Regex101 - онлайн-инструмент для тестирования регулярных выражений с подсветкой синтаксиса, объяснениями, шпаргалками для PHP / PCRE, Python, GO, JavaScript, Java.

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

#графика
Transition.css - библиотека с готовыми стилями для создания на Вашем проекте эффектов перехода. Импортируйте CSS и установите атрибут на странице HTML.

#css #html
Layoutit! - онлайн инструмент для быстрого создания Grid сеток, где вы сможете быстро скопировать код сгенерированной сетки и вставить в свой проект. А также, для энтузиастов, есть открытый исходный код данного проекта.

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

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

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

#vue
Reseter.css - отличная альтернатива Normalize.CSS и Reset.CSS.

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

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

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

#инструменты