Web Design – Página: 2 – Á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";

}

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

Link

Descrição

Vídeo no YouTube

Comentário

Documentação Python 3.13.1

Documentação em Português

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.

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.

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

Link

Descrição

developer.mozilla.org

Documentação CSS

maujor.com

Site referência em CSS

w3schools.com

Exemplos CSS

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

Link

Descrição

developer.mozila.org

Documentação JavaScript

w3schools.com

Exemplos JavaScript

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

Link

Descrição

developer.mozila.org

Referência HTML

w3schools.com

Exemplos HTML

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

Link

Descrição

colorhunt.co

Exemplos de Paletas de cores

Link	Descrição
pt.vecteezy.com	Download de imagens
br.pinterest.com	Grande base de dados de imagens inspiradoras
react-icons	Download de Icones
bing.com/images	Gerador de Imagens da Microsoft

Link

Descrição

pt.vecteezy.com

Download de imagens

br.pinterest.com

Grande base de dados de imagens inspiradoras

react-icons

Download de Icones

bing.com/images

Gerador de Imagens da Microsoft

Identificando o Browser do usuário

Links

Geral

Web com Python

CSS

Imagens

Imagens

Cores

Imagens