React Native: UI Layout

Olá amigos Devs, bom dia, boa tarde, boa noite e boa noite Já algum tempo estou focado no aprendizado desta fantástica tecnologia que é React Native, que podemos fazer em um único código eu posso subir um App para Google e Apple, para quem já conhece web e já programa alguma linguagem, a linha de … Continuar lendo React Native: UI Layout

Configurando DataTables

  Neste post estou aprendendo a utilizar esta excelente biblioteca do jQuery, que tem como finalidade ajudar o projetista e/ou desenvolvedor a fazer projetos funcional e eficiente para o usuário, o cliente não quer saber o que você usa e sim quer ver tudo aquilo funcionando direito para o seu usuário, e com o menos … Continuar lendo Configurando DataTables

Box-sizing

ola bom dia, boa tarde, boa noite e boa madruga amigos Devs   Você deveria usar box-sizing: border-box em todas as suas páginas   O box model padrão do CSS é uma das coisas mais contra-intuitivas que existem. Mas você pode trocá-lo com o box-sizing do CSS3. E, melhor, funciona em todos os navegadores — até no IE8! Todo elemento … Continuar lendo Box-sizing

Unidades CSS relativas: %, REM, EM, CH, EX (CSS3)

Ola bom dia, boa tarde, boa noite ou boa madruga amigos Devs, vai um cappuccino 😉

Porcentagem (px)

 

Em unidade de medida Porcentagem “%”, temos que seguir o seguinte padrão, temos que criar um elemento <pai> que servira de base para o <filho> assim o filho se adequa ao espaço que tem na base <pai>, como mostra o código abaixo:

PORCENTAGEM Depende das dimensões do elemento pai – relativos ao pai

 

#pai{
width: 450px;
height: 400px;
background-color: green;
}
.filho{
background-color: blue;
width: 25%;
height: 50%;
float: left;
padding: 20px;
box-sizing: border-box; /* faz preservar as dimensoes dentro do pai */
}

Continuar lendo “Unidades CSS relativas: %, REM, EM, CH, EX (CSS3)”

Reset CSS

Bom dia, boa tarde, boa noite ou boa madrugada Webdesigners Nesta dica de hoje e muito importante, quem não ainda ou não adota o mínimo possível para seus projetos, deveria fazê-lo porque se presa que seu projeto seja visto da mesma forma em diferentes navegadores. Ao começar um novo projeto, sempre temos que planejar e … Continuar lendo Reset CSS