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

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

#шаблоны

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

#полезное #css

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

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

#javascript

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 - это простой способ в виде генератора для поиска доменных имен, названий приложений, названий веб-сайтов и названий компаний.

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

Изучение @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