css box model detalhado

CSS Box Model para iniciantes

O Box Model ou “modelo de caixa” na tradução livre…eca! tem palavras que realmente sofrem na tradução para o Portugues!, mas vamos la…

Aqui vai Uma explicação do que “Box Model” é e como ele flui em sua pagina.

O termo “Box Model” é muitas vezes usado por pessoas quando se fala de layouts e design baseado em CSS. Nem todo mundo entende o que isso quer dizer, e nem todo mundo entende por que isso que é tão importante.

Qualquer elemento HTML pode ser considerado uma caixa, e por isso o “Box Model” aplica-se a todos elementos no sua pagina HTML (e XHTML).

O “Box Model” é a especificação que define a forma de uma caixa e os seus atributos relacionados entre si. Na sua forma mais simples, o modelo de caixa informa ao navegador que uma caixa definida como tendo largura de 100 pixels e 50 pixels de altura deve ser elaborado 100 pixels de largura e 50 pixels de altura.

Há mais você pode adicionar a uma caixa, no entanto, padding, margins, borders. Essa imagem deve ajudar a explicar o que eu estou prestes a executar.

css-box-model1

CSS Box Model

Qualquer elemento em uma pagina web esta dentro de uma “caixa” onde voce pode definir o tamanho e a largura das (margins, borders, paddings).

Margem é o único que não afeta o tamanho da caixa em si, por si só, mas afeta outros conteúdos ao redor da “caixa”, portanto, é uma parte importante do “box model” de CSS.

 

 

A experiência do usuário (User Experience - abreviado como UX)

O que é User Experience Design? Visão geral, ferramentas e recursos

Sites e aplicações web tornaram-se progressivamente mais complexas com o passar do tempo e com o avanço das tecnologias e das metodologias da nossa indústria. O que costumava ser um meio estático unidirecional evoluiu para uma experiência muito rica e interativa.

Mas, independentemente de como muita coisa mudou no processo de produção, o sucesso de um site ainda depende de apenas uma coisa: a interatividade do usuário com o seu site. “Será que este site me dar valor? É fácil de usar? É agradável de usar? “Estas são as questões que permeiam as mentes dos visitantes, como eles interagem com os nossos produtos, e esses pontos formam a base das decisões dos usuários e sobre a possibilidade de tornarem-se usuários regulares.

Design de experiência do usuário (User Experience Design) é o esforço para que os usuários possam responder “Sim” a todas essas perguntas. Este guia tem como objectivo familiarizá-lo com a disciplina profissional de design de UX no contexto de sistemas baseados na Web, como sites e aplicações.

O que é a experiência do usuário?

A experiência do usuário (User Experience – abreviado como UX) é como uma pessoa se sente quando usa o interface de um sistema. O sistema poderia ser um site, um software de aplicação web ou desktop, e em contextos modernos, é geralmente indicado por alguma forma de interação humano-computador (Human-Computer Interaction – abreviado HCI).