Profile cover photo
Profile photo
Mauricio "Maujor" Samy Silva
1,127 followers
1,127 followers
About
Mauricio "Maujor"'s posts

Post has attachment
Conheça os segredos, os prós e os contras do uso da declaração CSS display: table para posicionamento e criação de layouts.
http://www.maujor.com/tutorial/anti-heroi-css-display-table.ph

Post has attachment
Que tal repassar alguns conceitos de acessibilidade na web?
http://www.maujor.com/tutorial/acessibilidade-na-html5.php

Post has attachment
Você conhece a funcionalidade CSS Shapes?

Post has attachment
Matéria nova no site do Maujor!
As pseudo-classes estruturais para elementos-filhos. Tutorial explicando a teoria e UI interativa para praticar e conferir o aprendizado.
http://www.maujor.com/tutorial/children-pseudo-selectors.php

Post has attachment

Post has attachment
Interface gráfica para ajudá-lo a entender os efeitos de algumas propriedades CSS para visualização de sólidos em 3D.
(TODO: Otimizar a interface para mobile)
http://www.maujor.com/labs/ui3d.php

Post has attachment
Se você é um front-end "das antigas" deve conhecer e talvez ter criado Folhas de Estilo Alternativas. Se não, é provável que nem saiba que elas existem. Hoje foi publicada a atualização que fiz de uma página que traduzi há anos para o site do W3C. Vale a pena consultar e ver funcionando as folhas alternativas inseridas naquela página.
https://www.w3.org/Style/Examples/007/alternatives.pt_BR.html

Post has attachment
Você sabe como funciona a herança para a propriedade CSS line-height?

Post has attachment
Atualizado tutorial no site do Maujor.
http://www.maujor.com/tutorial/propriedade-css-object-fit.php
Photo

Post has attachment
RWD - DICA
Para obter o efeito de tamanho de fonte responsiva independente de breakpoints, ou seja, o tamanho da fonte varia dinamicamente com tamanho da viewport declare na CSS:
font-size: calc(1em + 1vw);
A unidade de medida CSS vw é relativa ao tamanho da viewport, assim: 1vw = 1% da largura da viewport.
Crédito: Justin Avery do responsive design.is
Ver demonstração em:
http://codepen.io/Maujor/full/kkBrYr/

Wait while more posts are being loaded