antonino, Autor em Área de Trampo

Na Web temos um formato de imagem promissor que é o WebP.
Contudo no dia em que escrevi este post os navegadores que aceitam o formato de imagem WebP eram:
Google Chrome, Firefox, Edge e Opera.

Então teriamos que implementar soluções para os outros browsers
O primeiro passo seria identificar o browser do usuário.

function getBrowser() {
        const userAgent = navigator.userAgent;
        if (userAgent.indexOf("Chrome") > -1) {
            return "Chrome";
        } else if (userAgent.indexOf("Firefox") > -1) {
            return "Firefox";   

        } else if (userAgent.indexOf("Safari") > -1) {
            return "Safari";   

        } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {
            return "Internet Explorer";
        } else if (userAgent.indexOf("Edge") > -1) {
            return "Edge";
        } else {
            return "Outro";
        }
    }

function getBrowser() {

const userAgent = navigator.userAgent;

if (userAgent.indexOf("Chrome") > -1) {

return "Chrome";

} else if (userAgent.indexOf("Firefox") > -1) {

return "Firefox";

} else if (userAgent.indexOf("Safari") > -1) {

return "Safari";

} else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {

return "Internet Explorer";

} else if (userAgent.indexOf("Edge") > -1) {

return "Edge";

} else {

return "Outro";

}

Geral

Link	Descrição	Vídeo no YouTube	Comentário
Documentação Python 3.13.1	Documentação em Português

Web com Python

Link	Descrição	Vídeo no YouTube	Comentário
Flask	Framework simples em Python. Trabalha com FrontEnd e BackEnd, mas não tem suporte a biblioteca de Objetos FrontEnd como no React. Suas rotas devem ser definidas manualmente.	Vídeo	Para o BackEnd funciona muito bem em uma pequena aplicação. Acredito que para micro serviços seja perfeito.
Bryton	Promete ser o JavaScript do Python.	Vídeo	Já usei mas cria lentidão, mas permitia salvar meus pacotes python no flask.
FastHTML	Novo Framework Python que dá alternativa de criar sua biblioteca de componentes web inteiramente feito em python	Vídeo	Ainda não usei. Se você já usou coloque sua opnião nos comentários.

Treinamento OnLine

Link	Descrição
brython.info	Treine onLine
colab.google	Treine onLine e salve no seu OnDrive do Google

CSS

Link	Descrição
developer.mozilla.org	Documentação CSS
maujor.com	Site referência em CSS
w3schools.com	Exemplos CSS

Treinamento OnLine

Link	Descrição
codepen.io	Treine onLine

Imagens

Link	Descrição
developer.mozila.org	Documentação JavaScript
w3schools.com	Exemplos JavaScript

Treinamento OnLine

Link	Descrição
codepen.io	Treine onLine

Imagens

Link	Descrição
developer.mozila.org	Referência HTML
w3schools.com	Exemplos HTML

Treinamento OnLine

Link	Descrição
codepen.io	Treine onLine

Cores

Link	Descrição
colorhunt.co	Exemplos de Paletas de cores

Imagens

Link	Descrição
pt.vecteezy.com	Download de imagens
br.pinterest.com	Grande base de dados de imagens inspiradoras
react-icons	Icones facilmente adicionados em projeto React ou Next.js
symbl.cc	Códigos HTML ou Unicode para Símbolos e Emoji
bing.com/images	Gerador de Imagens da Microsoft

Fórmulas Matemáticas em paginas HTML

Link	Descrição
w3.org	Documentação oficial MathML pelo W3C

Identificando o Browser do usuário

Links

Geral

Web com Python

Treinamento OnLine

CSS

Treinamento OnLine

Imagens

Treinamento OnLine

Imagens

Treinamento OnLine

Cores

Imagens

Fórmulas Matemáticas em paginas HTML