Mostrando postagens com marcador HTML. Mostrar todas as postagens
Mostrando postagens com marcador HTML. Mostrar todas as postagens

QUAL É O NOSSO FUTURO?

HTML5

Olá pessoal, neste primeiro post inaugurarei com uma polêmica discussão sobre o texto "O divórcio entre o PSD e o HTML" que achei é bastante pretensioso, pois um não depende do outro. O texto parece voltado para programadores/front-end que tem a possibilidade de fazer a montagem e o layout sozinho. Claro que se souber fazer é uma "mão na roda" porque o tempo iria render demais. Porém o problema é querer desvincular as diversas maneiras de serem criadas as páginas de web. Eu trabalho com UI/UX e não significa que uso ou não um software gráfico para criação. Posso usar PSD, Corel, Illustrator e até PaintBrush ou o próprio desenho no papel. Acho que o futuro da melhor maneira de se construir uma interface funcional e perfeita é a comunicação entre os profissionais da área, independente da ferramenta que será feita.

  HTML5 - CSS3
 O texto aborda muito a exclusão dos programas gráficos para se fazer layout, e não é bem assim. O design pode ser feito só em CSS3, mas isso é uma OPÇÃO e não um "achado dos Deuses". Tudo depende muito da ideia do projeto. Se um cliente quiser usar textura, imagem, fotografia e o que mais ele quiser para melhor apresentar seu produto, falaremos com ele que não porque é antiquado e a tendência é FLAT DESIGN? Claro que não. Tendência é tendência e não uma religião. Um bom profissional usará a sua experiência para melhor atendê-lo adequando seu trabalho à melhor qualidade do produto final.
  flat-ui-psd

No Design Responsivo há dificuldades para se fazer várias coisas, isso está certo, mas não é motivo para excluir todas as possibilidades de se criar uma interface. Podemos estudar caso a caso. Usar qualquer coisa, testar, entrevistar usuários e prestar bem atenção nas possibilidades para balancear o layout, a funcionalidade e o objetivo, que pra mim são os três pilares de um bom projeto. Abraço e até a próxima discussão!

As fontes nos elementos HTML

As propriedades para as fontes, definem as características (os valores na regra CSS) das letras que constituem os textos dentro dos elementos HTML.

As propriedades básicas para fontes e que abordaremos neste tutorial são as listadas abaixo:


  • color:...................cor da fonte
  • font-family:..........tipo de fonte
  • font-size:.............tamanho de fonte
  • font-style:............estilo de fonte
  • font-variant:.........fontes maiúsculas de menor altura
  • font-weight:.........quanto mais escura a fonte é (negrito)
  • font:....................maneira abreviada para todas as propriedades


  • Valores válidos para as propriedades da fonte


  • color:
  • código hexadecimal: #FFFFFF código rgb: rgb(255,235,0) nome da cor: red, blue, green...etc


  • font-family:
  • nome da família de fontes : define-se pelo nome da fonte, p. ex:"verdana", "helvetica", "arial", etc. nome da família genérica: define-se pelo nome genérico, p. ex:"serif", "sans-serif", "cursive", etc.


  • font-size:
  • xx-small x-small small medium large x-large xx-large smaller larger length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) %


  • font-style:
  • normal: fonte normal na vertical italic: fonte inclinada oblique:fonte obliqua


  • font-variant:
  • normal: fonte normal small-caps: transforma em maiúsculas de menor altura


  • font-weight:
  • normal
    bold
    bolder
    lighter
    100
    200
    300
    400
    500
    600
    700
    800
    900

    Vamos a seguir analisar cada uma delas detalhadamente através de exemplos práticos.

    Como estudar e entender os exemplos

    Para cada propriedade apresento as regras CSS para um ou mais elementos HTML e definidas dentro de uma folha de estilos incorporada, bem como um trecho do documento HTML onde se aplicam as regras.

    A seguir mostro o efeito que a regra produz. Observe a regra e o efeito e para melhor fixar seu aprendizado reproduza o código no seu editor, mude os valores e veja o resultado no browser. Esta é a melhor e mais rápida maneira de você aprender CSS. Bons estudos! E faça ótimo proveito dos tutoriais. Fonte: www.maujor.com