CodeRoll | Frontend

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

Канал с тестами и задачками по JavaScript - @js_tests

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

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

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

Шпаргалка по CSS Grid в 2021 году (En). В данной статье автор показывает и рассказывает, как каждое из свойств Grid работает вместе с CheatSheet, охватывающим все, что вы можете делать с Grid. #css

Material Tailwind - это простая в использовании библиотека компонентов на Tailwind CSS и Material Design. Он включает компоненты React, написанных с использованием классов CSS Tailwind и руководств по материальному дизайну. Скоро появятся компоненты для VueJS, Angular и многих других. #react

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

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

Cuba Admin - это полнофункциональный, многоцелевой, премиальный шаблон админпанели, созданный с использованием таких технологий как: Bootstrap 4, React, Angular 12, VueJS, Laravel Он имеет огромную коллекцию повторно используемых компонентов пользовательского интерфейса и интегрирован с последними плагинами. Его можно использовать для всех типов веб-приложений, таких как настраиваемая панель администратора, серверная часть приложения, CMS или CRM. #шаблоны

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

Желаете подтянуть свои знания по фронтенду? Подписывайтесь на авторский канал @htmlshit: «Будни верстальщика». Скрытые фишки, шпаргалки на каждый день, свежие баги браузеров и статьи от опытного разработчика. Всё, что нужно.

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

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

Наши друзья из школы «Лектрум», которая обучает веб-разработке 💪, не только проводят классные ⭐️ live-события (вебинары, воркшопы), но и делятся полезной информацией у себя в канале. Рекомендуем также читать их подборки — расширяйте свой кругозор. 🤓 Тем более скоро они планируют обновить канал и вы сможете повлиять на его содержание. Сейчас проводится голосование.✅ Присоединяйтесь → https://t.me/lectrum