CSS Color/Gradient Editor - реализация ползунков с регулировкой цвета, код которого мгновенно отображается в соответствующем инпуте.

#codepen

Благодаря репозиторию RealWorld можно, без лишних сложностей, освоить базовые концепции и идеологию некоего нового фреймворка.

Рассматриваемый репозиторий позволяет выбрать любую из поддерживаемых им технологий для клиентской разработки (React, Angular 2 и многие другие), любую серверную платформу (среди них, например, Node.js и Django) и, интегрировав их друг с другом, увидеть реальный пример приложения.

#полезное

Лучшие движки для разработки игр, которые были рассмотрены на нашем канале.

1) GDevelop - это кроссплатформенный игровой движок с открытым исходным кодом на JS.
2) MelonJS - это легкий, но мощный фреймворк, разработанный с нуля, чтобы предоставить настоящую игровую платформу.
3) ImpactJS - это игровой движок JavaScript, ориентированный в основном на разработку 2D-игр.
4) Babylon.JS - Невероятно мощный движок веб-рендеринга, с помощью которого можно создавать игры, создавать объекты в 3D. 
5) PhaserJS - это отличный фреймворк для разработки игр, поддерживаемый сообществом, готовый для всех ваших настольных и мобильных нужд. 
6) PixiJS - это библиотека рендеринга, которая позволит вам создавать насыщенную интерактивную графику, кроссплатформенные приложения и игры.
7) PlayCanvas - веб-среда для разработки игр. Это означает, что вы используете их платформу для написания своего кода, его тестирования, настройки ваших сцен.

#javascript

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

1) Rico's cheatsheets - огромнейшая коллекция шпаргалок на все случаи жизни для разработчика.
2) Vue Hover Responsive Parallax Cards - красивая реализация карточек.
3) TweenJS - это простая, но мощная библиотека JavaScript для анимации HTML элементов.
4) Лучшие движки для разработки игр, которые были рассмотрены на нашем канале.
5) Tails - это онлайн инструмент для создания перетаскиваемых страниц, созданный для работы с TailwindCSS.

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

#Лучшее

Vite - это новый вид инструментов сборки для веб-разработки. Подумайте о предварительно сконфигурированном dev-сервере + сборщик, но более компактном и быстром. Он использует встроенную в браузер поддержку ES модулей и инструменты, такие как esbuild, для быстрого и современного опыта разработки.

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

Simple Vue 8 Puzzle - реализация интерактивных пазлов в стиле "15 - пятнашки" на Vue. Забираем в коллекцию! А кому не надо, можете просто позалипать)

#vue #codepen

CSS: полное руководство по функции calc().

Функция calc() — это средство для работы с числовыми свойствами
Вот пример её использования:

.main-content {
  /* Вычесть 80px из 100vh */
  height: calc(100vh - 80px);
}

Единственное место, где можно использовать функцию calc() — это значения CSS-свойств. В выражениях, вычисляемых с помощью calc(), можно использовать операторы +, -, * и /. Но в их применении есть некоторые особенности.

#статьи #css

Pure - набор небольших адаптивных модулей CSS, которые можно использовать в каждом веб-проекте.

Pure основан на Normalize.css и предоставляет макет и стиль для собственных элементов HTML, а также наиболее распространенные компоненты пользовательского интерфейса. Это то, что вам нужно, без лишнего мусора.

#css #html

Ackee - самостоятельный аналитический инструмент на основе Node.js для тех, кто заботится о конфиденциальности. Ackee работает на вашем собственном сервере, анализирует трафик ваших веб-сайтов и предоставляет полезную статистику в минималистичном интерфейсе.

 Основные особенности:
- Данные сделаны красивыми.
- Безопасно и анонимно.
- Ackee на 100% имеет открытый исходный код и размещается самостоятельно, что обеспечивает полную прозрачность.
- Собирайте данные с помощью централизованного API GraphQL или создайте свой собственный интерфейс и сервис на основе Ackee.

#node

Doom scroller - необычная библиотека JavaScript, которая поможет вам избежать бесконечного скроллинга страницы.

#javascript

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

#cms

Вводим рубрику на логические задачки. Да, возможно, они не относятся к программированию, но для общего развития будет очень полезно и интересно.

Правильный ответ на эту задачу будет опубликованы через сутки.

Creative Wave Button - креативная реализация кнопки с эффектов волны без применения javascript. Забираем в коллекцию!

#codepen

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

#react

Ответ на логическую задачку.

Для раздела имеющихся лошадей необходимо заимствовать еще одну, после чего их общее количество станет 18. Раздел этого количества даст 2, 6 и 9 лошадей, которых в сумме окажется 17.
Одна лошадь из 18 оказалась как бы «лишней» — это заимствованная лошадь, которую следует вернуть владельцу после раздела имущества.

Можно решить головоломку и арифметическим способом:
пропорцию 1/2 : 1/3 : 1/9 достаточно умножить на 18 и получится тот же результат.

Ответ:
2, 6 и 9 лошадей.

Popmotion - библиотека функциональной и реактивной анимации, весит всего 11 килобайт. Позволяет разработчикам создавать анимацию, создавать действия, представляющие собой потоки значений, которые можно запускать и останавливать и создавать с помощью CSS, SVG, React, three.js и любого API, принимающего число в качестве входных данных.

#javascript

Rubber Icons — большой пак иконок для интерфейсов. Набор содержит более 570 иконок, в трех начертаниях, двух размерах 24px и 32px и форматах Figma, Sketch, SVG, PNG.

#графика

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

1) Creative Wave Button - креативная реализация кнопки с эффектов волны без применения javascript. 
2) CSS: полное руководство по функции calc().
3) Popmotion - библиотека функциональной и реактивной анимации
4) Simple Vue 8 Puzzle - реализация интерактивных пазлов в стиле "15 - пятнашки" на Vue.
5) Pure - набор небольших адаптивных модулей CSS, которые можно использовать в каждом веб-проекте.

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

#Лучшее

CSSBattle - соревновательная игра с кодом CSS, Используйте свои навыки CSS для реализации целей с минимально возможным кодом. Кто лаконичнее написал работоспособный код — тот и победил!

#css