Супер-семейка инновационных шрифтов для кода. Какой понравился тебе?

Смотреть и скачать

@onecode_blog

Друг задал интересный вопрос. Говорит сыну 11 лет и он посещает нехорошие сайты, включая сайты для взрослых. Как заблокировать такую возможность для ребенка на компе и телефоне?

Мне тоже стало интересно, погуглил немного - раз, два, три. Ребят, поделитесь своим опытом?

Блин вот кайф был когда мои родители не знали про ДНС, Файрволы и вообще про слово интернет, рос как человек, интересовался тем что мне интересно, и сам фильтровал информацию что плохо, а что хорошо, толи воспитание помогало, толи та самая свобода действий в интернете, когда тем же гуглом мог загуглить что это хрень, а это не хрень.
Что такое нехорошие сайты,, я так и не понял, это где вёрстка не адаптивна или поехала?

особенно в школе, не на своём телефоне увидит, так на устройстве друга!! если ударованно судьбой увидеть нехороший сайт с не адаптивной вёрсткой, он может увидеть его и на устройстве друга!

Друг скажет ееебааааа ляяя чё надыбал! сайт с вёрсткой не адаптивной, и пошёл всем показывать друзьям пацанам (и не пацанам тоже) во дворе 😂

А остальные ребята такие, блин а нам родители понаставили файрволов и теперь у нас сайты только по стандартам БЭМ показываются и все адаптивные!!
😂😂😂

В Laravel можно отправлять в очередь цепочки задач пачками 🔥 Таким образом эти группы задач будут выполняться последовательно.

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

https://laravel.com/docs/10.x/queues#chains-and-batches

Прикупил книженцию. Говорят хорошо раскрывает тему 👍

Не работать удалённо в наше время - это реально грех! 😃

Громкие слова, но блин работа в интернете дает намного больше свободы и открывает огромное количество возможностей 🔥

Кайфовой работы!

Floating UI

Пакет JavaScript для позиционирования плавающих элементов на странице относительно других элементов. Примеры на сайте.

Полезно для всплывающих подсказок, выпадающих списков, диалоговых окон и тд.

Гибкий функционал, например, позволяющий, чтобы элемент всегда находился в видимой области окна браузера. Круто!

Есть пакеты для Vue и React.

https://floating-ui.com

@onecode_blog

Если планируешь купить новый компьютер, то, возможно, лучше не затягивать ☝️

Livewire Playground

Игровая площадка, где можно онлайн эксперементировать и разрабатывать компоненты с Laravel Livewire

https://wirebox.app

Тем временем в VIP-канале изучаем вилки и розетки XD

Нормально ИИ подсказал

Я добавил для ссылок атрибут data-jump и начал писать код, который отслеживает клик по этим ссылкам и делает плавный скролл до элемента, указаного в href ссылки.

Только начал писать JS, как ИИ предложил код, который мне нужен и, главное, сразу работает!

Попался интересный пример адаптивных изображений =D

BabelEdit

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

https://www.codeandweb.com/babeledit

Rive Animations

Инструменты для создания анимаций, в том числе интерактивных (которые могут реагировать на действия пользователя), и встраивания этих анимаций в сайты и нативные приложения.

Короче, есть программа, в которой можно создавать векторную графику и анимировать её.

Видео (3 минуты) с примером: https://help.rive.app/getting-started/introduction

Помимо этого, для WEB, есть NPM-пакет для встраивания анимации на сайт. По сути там идёт импорт файла с анимацией, который создавали в программе, и встраивание его в CANVAS на страницу.

Пример из документации: https://help.rive.app/runtimes/overview/web-js

Можно добавить интеграктивность, но для этого придётся помучится с CANVAS, отслеживанием кликов и позиции курсора, как обычно.

В общем прикольная программа для относительно лёгкого создания анимаций в графическом интерфейсе и пакет для встраивания этой анимации на сайт или в приложение.

https://rive.app

Яндекс-музыка на комп подъехала

https://music.yandex.ru/download/