DevHome
DevHome
  • 41
  • 80 415
Tornando CSS dinâmico (dark/light theme) com prefers-color-scheme ⚪⚫
Neste vídeo, Jean mostra como podemos tornar nosso CSS dinâmico para se adaptar ao tema do navegador ou do nosso sistema, uma vez que podemos ter tema escuro (dark theme) ou um tema claro (light theme). Independente do tema, com esse vídeo mostra como podemos deixar nosso CSS dinâmico para se adaptar nos dois casos!
Artigo citado no vídeo: developer.mozilla.org/pt-BR/docs/Web/CSS/@media/prefers-color-scheme
Gostou? Dá um joinha e inscreva-se no canal, tem muita coisa boa por vir ainda! 👆👍
Segue lá no Instagram para ficar atento as novidades: @devhome
Dúvidas ou sugestões? Comenta aí abaixo!
#darktheme #lighttheme #cssdinamico
Переглядів: 631

Відео

Otimizando a performance de animações com CSS will-change 📈🏎️
Переглядів 4433 роки тому
Neste vídeo, Jean mostra como podemos otimizar nossas animações com CSS e garantir uma maior performance, principalmente em aplicações de alta escalabilidade. Método prático, fácil e extremamente útil. Artigo citado no vídeo: developer.mozilla.org/pt-BR/docs/Web/CSS/will-change Gostou? Dá um joinha e inscreva-se no canal, tem muita coisa boa por vir ainda! 👆👍 Segue lá no Instagram para ficar at...
Modal apenas com HTML e CSS, sem Javascript! (apenas 2 linhas de CSS) 🔥🔥
Переглядів 2,1 тис.3 роки тому
Neste vídeo, Jean mostra como fazer um modal apenas com CSS e HTML, sem utilizar nenhum tipo de interação com Javascript e o melhor, com pouquíssimas linhas de CSS. Gostou? Dá um joinha e inscreva-se no canal, tem muita coisa boa por vir ainda! 👆👍 Segue lá no Instagram para ficar atento as novidades: @devhome Dúvidas ou sugestões? Comenta aí abaixo! #CSS #HTML #modal #frontend #modalsemjs #moda...
API REST com PHP 7.4.x e sem Framework #12 - Últimos ajustes(refatoração)
Переглядів 1,2 тис.3 роки тому
Neste vídeo Marcos Marcolin faz algumas pequenas melhorias(refatorações) no código, a fim de melhorar a leitura e deixá-lo mais organizado. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! 👆👍 Segue lá no Instagram para ficar atento as n...
API REST com PHP 7.4.x e sem Framework #11 - Método PUT
Переглядів 9574 роки тому
Neste vídeo Marcos Marcolin faz a implementação do método PUT, que será responsável por atualizar um registro específico no banco de dados. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! 👆👍 Segue lá no Instagram para ficar atento as n...
API REST com PHP 7.4.x e sem Framework #10 - Método POST
Переглядів 1,1 тис.4 роки тому
Neste vídeo Marcos Marcolin faz a implementação do método POST, que será responsável por inserir um registro específico do banco de dados. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! 👆👍 Segue lá no Instagram para ficar atento as no...
API REST com PHP 7.4.x e sem Framework #9 - Método DELETE
Переглядів 8414 роки тому
Neste vídeo Marcos Marcolin faz a implementação do método DELETE, que será responsável por deletar um registro específico do banco de dados. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! 👆👍 Segue lá no Instagram para ficar atento as ...
API REST com PHP 7.4.x e sem Framework #8 - Método GET
Переглядів 1,2 тис.4 роки тому
Neste vídeo Marcos Marcolin finaliza a implementação do método GET, que funcionará os métodos listar todos ou apenas 1 ID em específico. Também implementa o response JSON para o cliente. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! ...
CSS min(), max() e clamp() - Responsividade como você nunca viu antes!
Переглядів 2,6 тис.4 роки тому
Neste vídeo, Jean mostra como utilizar as últimas técnicas de responsividade, apenas com CSS nativo. Vamos aprender as funções: min(), max() e clamp() para deixar nossas interfaces mais amigáveis em todos os dispositivos da maneira mais fácil! Artigo citado no vídeo: ishadeed.com/article/css-min-max-clamp/ Gostou? Dá um joinha e inscreva-se no canal, tem muita coisa boa por vir ainda! 👆👍 Segue ...
API REST com PHP 7.4.x e sem Framework #7 - Criação do Service e Repository da Rota de Usuários
Переглядів 1,6 тис.4 роки тому
Neste vídeo Marcos Marcolin faz a implementação do Service e Repository da rota de Usuários. O Service é responsável pela regra de negócio da rota e o Repository é responsável por manipular a tabela do banco. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e ...
API REST com PHP 7.4.x e sem Framework #6 - Finalizando a implementação da Autenticação(Parte 2)
Переглядів 1,6 тис.4 роки тому
Neste vídeo Marcos Marcolin finaliza a implementação da autenticação da aplicação, que armazenamos no banco e validamos a cada requisição. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-se no canal! 👆👍 Segue lá no Instagram para ficar atento as no...
API REST com PHP 7.4.x e sem Framework #5 - Implementação da Autenticação(Parte 1)
Переглядів 2,3 тис.4 роки тому
Neste vídeo Marcos Marcolin inicia a implementação da autenticação da aplicação, ou seja, para consumir a API será necessário ter um Token válido, o mesmo deve ser enviado no cabeçalho da requisição. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-...
API REST com PHP 7.4.x e sem Framework #4 - Direcionando as requisições(REQUEST_METHOD)
Переглядів 2,5 тис.4 роки тому
Neste vídeo Marcos Marcolin faz a criação de métodos para direcionar as requisições, também faz importação de classe de Constantes Genéricas e criação de classe para tratar os dados no formato JSON. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html Gostou? Curta e inscreva-s...
API REST com PHP 7.4.x e sem Framework #3 - Criação da Classe de Roteamento
Переглядів 3,3 тис.4 роки тому
Neste vídeo Marcos Marcolin faz a criação da classe Roteamento, responsável por receber as requisições da aplicação, também explica o funcionamento da variável global $_SERVER, utilizada para fazer o roteamento dos serviços. A aplicação já desenvolvida está no seu GitHub: github.com/marcosmarcolin/api_rest_php_nativo Vídeo sobre Autoloading e Namespaces: ua-cam.com/video/QLlA9gKxCPc/v-deo.html ...
Fontes responsivas de forma correta e nativa usando CSS Clamp()
Переглядів 6164 роки тому
Neste vídeo, Jean mostra como podemos ter fontes responsivas em nossas aplicações usando apenas CSS de forma nativa. Documentação: developer.mozilla.org/en-US/docs/Web/CSS/clamp() Gostou? Dá um joinha e inscreva-se no canal, tem muita coisa boa por vir ainda! 👆👍 Segue lá no Instagram para ficar atento as novidades: @devhome Dúvidas ou sugestões? Comenta aí abaixo!
Pseudo Classes - #1 Negação no CSS? :not()
Переглядів 5284 роки тому
Pseudo Classes - #1 Negação no CSS? :not()
Como alinhar elementos verticalmente ao centro com Flexbox! - CSS e HTML
Переглядів 9844 роки тому
Como alinhar elementos verticalmente ao centro com Flexbox! - CSS e HTML
🔥 Entenda de uma vez por todas a diferença entre PADDING e MARGIN - HTML CSS 🔥
Переглядів 10 тис.4 роки тому
🔥 Entenda de uma vez por todas a diferença entre PADDING e MARGIN - HTML CSS 🔥
Aprenda a fazer um diagnóstico CSS de uma página - CSS Overview
Переглядів 1844 роки тому
Aprenda a fazer um diagnóstico CSS de uma página - CSS Overview
Atualização de junho no Adobe XD - Scroll dentro de elementos!
Переглядів 584 роки тому
Atualização de junho no Adobe XD - Scroll dentro de elementos!
⚒️ Ferramentas para manipular cores - #1 Acessibilidade e Contraste
Переглядів 2774 роки тому
⚒️ Ferramentas para manipular cores - #1 Acessibilidade e Contraste
Leis de UX - #3 Lei de Hick
Переглядів 1,8 тис.4 роки тому
Leis de UX - #3 Lei de Hick
API REST com PHP 7.4.x e sem Framework #2 - Estrutura da aplicação(diretórios, .htacesss, etc..)
Переглядів 7 тис.4 роки тому
API REST com PHP 7.4.x e sem Framework #2 - Estrutura da aplicação(diretórios, .htacesss, etc..)
API REST com PHP 7.4.x e sem Framework #1 - Apresentação e conceitos da aplicação
Переглядів 14 тис.4 роки тому
API REST com PHP 7.4.x e sem Framework #1 - Apresentação e conceitos da aplicação
Criando um AUTOLOADING de Classes com NAMESPACES no PHP - Marcos Marcolin
Переглядів 2,1 тис.4 роки тому
Criando um AUTOLOADING de Classes com NAMESPACES no PHP - Marcos Marcolin
Leis de UX - #2 Limite de Doherty
Переглядів 5294 роки тому
Leis de UX - #2 Limite de Doherty
Leis de UX - #1 Efeito da Usabilidade Estética
Переглядів 9904 роки тому
Leis de UX - #1 Efeito da Usabilidade Estética
PHP 7.4: As Propriedades Tipadas chegaram à linguagem!
Переглядів 8804 роки тому
PHP 7.4: As Propriedades Tipadas chegaram à linguagem!
Devtrevista #1 - As SOFT SKILLS que todo desenvolvedor deve ter em 2020!
Переглядів 9134 роки тому
Devtrevista #1 - As SOFT SKILLS que todo desenvolvedor deve ter em 2020!
Atualização de janeiro no Adobe XD - padding e estrela
Переглядів 474 роки тому
Atualização de janeiro no Adobe XD - padding e estrela