Недавно получилось сваять прото-калькулятор для сложения двух чисел на чистом HTML + CSS, и тут попадается реализация игры Wordle тоже только на HTML + CSS.

Вообще, HTML5 и CSS3 - довольно функциональные языки. В веб-програмировании обычно всё, что можно реализовать на них (в первую очередь - анимации), лучше делать на них, чтобы разгрузить JavaScript и улучшить производительность приложения, читаемость кода и поддерживаемость проекта.

Два вышеуказанных примера в это "обычно", естественно, не входят.

#tip #html #css

CSS псевдо-класс :hover предназначен для систем с "мышкой" и на тачскринах может вызывать ненужный эффект при скролле.

Следующий media query ограничит действие :hover правила только на системы с "мышкой" или трэкболом.

@media (hover: hover) {
    .card:hover {
        /* Add hover styles.. */
    }
}

——
Коллекция интересных :hover эффектов

#tip #css

Хорошая статья о том, что такое движки и рантаймы JavaScript

#js #runtime #article

Эван посоветовал не использовать в своих проектах недокументированные возможности Vue вроде:

<SomeComponent @vue:mounted="someMethod()">

#evanyou #video #tip

Сегодня начинается двухдневная online конференция Vue.js Live
Можно присоединиться

#event #vuejs

Пользовался долгое время для VPN программой Outline, но позавчера Роскомнадзор, похоже, смог и на нее найти заглушку. Вообще, последние недели и месяца они явно активно тестируют возможности различных блокировок. И не безуспешно.

Потратил пару часов, поставил XRay. Если кому релевантно, вот тут туториал. В видео есть полезные советы, включая ссылку на заграничные облачные сервера по $3/month и оплатой рублями.

https://habr.com/ru/articles/728836/
https://www.youtube.com/watch?v=xGwedrFDgw8

#vpn

Evan You на Vue.js Live конференции рассказал, что в его планах сделать Vapor mode режимом по умолчанию. Отказ от Virtual DOM при этом будет поэтапный, и на это должно уйти несколько лет. Основные трудности будет предоставлять перевод таких компонент, как Transition, KeepAlive и др.

Если это произойдет, Vue.js будет, наверное, единственным фронтенд фреймворком, позволяющим работать как с Virtual DOM, так и без него.

Ранее Эван также заявлял, что API фреймворка для разработчиков при этом не изменится.

#evanyou #vapor #event

После прочтения первой книжки из списка выше

#humor #video

Пример использования CSS Layers, а также нового псевдокласса popover-open

Модалка

#css

Следующая большая офлайновая конференция Vueconf US пройдет 15-17 мая 2024 года в Новом Орлеане, США

Перед этим 1 мая Эван выступит на более именитой Accel Open Source конференции

#event #vuejs

Git - это распределенная система контроля версий, которая позволяет нескольким разработчикам сотрудничать над проектом.

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

Git Flow состоит из двух основных ветвей: main (бывшая master) branch и develop branch. main ветка представляет собой стабильную, выпущенную версию кодовой базы, а develop служит интеграционной веткой, в которой разрабатываются новые функции и исправления ошибок.

Git Flow также может включать несколько других веток, таких как feature, release и hotfix. Ветви feature создаются для каждой новой разрабатываемой функции или улучшения и после завершения работы сливаются в ветвь develop. Ветви release создаются, когда готовится новый релиз, и сливаются в ветви main и develop, когда релиз готов. Ветки hotfix создаются, когда необходимо внести критическое исправление в main ветку, и сливаются обратно в ветки main и develop.

#git #gitflow

Фронтенд неисчерпаем

React взял для своего логотипа модель строения атома Розерфорда, предложенную им в начале 20 века. На ней показаны орбиты электронов вокруг ядра атома.

Однако данная модель довольно быстро была признана физиками недостоверной, противоречащей основным положениям электродинамики, подверглась корректировке и была полностью заменена с развитием квантовой физики, которая показала, что электроны вовсе не "шарики" и у них в принципе не может быть орбит (траекторий)

Таким образом, лого Реакта символизирует собой устаревшие и ошибочные знания и представления.

#react #logo

Volar 2 продолжает колбасить улучшаться

#volar