Traveller Logs

2022-04-26 16:56:57 Кнопки-иконки с эффектом замороженного стекла

Сегодня выдался достаточно скучный день, так что решила немного поиграть стилями и накидала вот такие интересные иконки, простые трюки CSS, а выглядит не плохо)

#codepen #ванильный_код Открыть/Комментировать

2022-04-24 19:19:54 JS + Phaser пишем игру с Дино (часть 6)

Вот и пришло время выпустить последнюю статью про написание игры с Дино, сегодня мы немного докрутили код, добавили музыки и облаков!

Если вы вместе со мной написали эту игру, ставьте , даже немного интересно!

Если ты еще не смотрел эти статьи, но тебе интересно написать клон Дино самому, то можешь пройти этот пусть с самого начала, вот первый урок)

#игры #javascript #phaser Открыть/Комментировать

2022-04-22 10:10:00 JS + Phaser пишем игру с Дино (часть 5)

В прошлой части мы с вами добавили коллизии, а так же разобрались с тем, как создать кнопку для перезапуска игры, а сегодня займемся игровым счетом и пониманием того, как сохранить лучший счет среди всех наших забегов!

Если тебе интересно все же написать клон Дино самому, то скорее читай продолжение статье)

#игры #javascript #phaser Открыть/Комментировать

2022-04-21 13:33:40 Bit - это инструмент нового поколения для разработки приложений на основе компонентов.

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

Инструмент Bit OSS является легким и легко расширяемым. Он используется для разработки и составления компонентов. Он предлагает простое, но мощное рабочее пространство для разработки и компоновки компонентов, превращая любое хранилище в интеллектуальную монорепу, абстрагируясь от накладных расходов и конфигураций.

У этого инсрумента есть визуальный пользовательский интерфейс, который тоже делает процесс разработки увлекательным!

Облачной платформой Bit пользуется более 200 тысяч разработчиков. Он оснащен функциями корпоративного уровня для "компонентного рынка" из коробки, включая безопасный хостинг, поиск, реестр и многое другое.

#тулзы Открыть/Комментировать

2022-04-20 18:10:00 react-stack-grid

Крайне удобная библиотека для легкой реализации grid верстки, все аккуратно завернуто в компоненты и прекрасно ложится на адаптив

#библиотеки Открыть/Комментировать

2022-04-20 14:01:16 Хватит искать макеты Figma. Серьезно.

В Telegram есть бот, который за 2 мин предложит уникальные макеты figma реальных проектов по вашим критериям. Открыть/Комментировать

2022-04-20 10:37:41 Упрощение верстки с помощью Gap

До CSS grid единственным жизнеспособным вариантом для создания динамических макетов был flexbox. Но у него было одно серьезное ограничение: отсутствие поддержки gap.

В то время как инструменты проектирования дизайна поддерживают понятие пробелов, CSS этого не делает, и большинство таблиц стилей полагаются на margin и padding для разделения дочерних элементов flex. Обычно это включало неудобные хаки для исключения последнего элемента flex из списка селекторов, давайте разберемся как избежать лишнего ненужного кода!

#заметка_на_коленке #css #научите_меня_css Открыть/Комментировать

2022-04-19 10:10:00 Создаем секундомер на JavaScript

Всем привет
В этой статье мы узнаем, как мы создать секундомер. Использовать будем нативный HTML, CSS и JavaScript.

Информативности тут для профи нет никакой, но вот новичкам - явно будет полезно написать что-то до ужаса простое и понятное!

#заметка_на_коленке #css #javascript #html #ванильный_код Открыть/Комментировать

2022-04-18 09:52:45 Cleave.js

Вы когда-нибудь использовали поле формы, которое бы форматировало контент во время набора текста?

Например, чтобы превратить 1234567890 в номер телефона с международным кодом: (123) 456-7890.

Cleave.js – библиотека JavaScript, позволяющая добавить на сайт подобные функции. Открыть/Комментировать

2022-04-16 12:45:00 Ну что, справились с задачкой?

Если да, то обязательно ставь , посмотрим сколько вас)

А если не получилось, то тоже не беда!

Как и обещала - выкладываю свое решение, быть может кому будет интересно. Открыть/Комментировать