Então você está fazendo o seu primeiro web app e descobre que problema com rolagem é algo que você nunca imaginou que teria. Fique tranquilo, essa não é a primeira vez que isso acontece com alguém. Há dois anos, quando desenvolvia um web app que utilizaria intensamente vários tipos de gestos, tive um grande problema. E consegui achar a solução no iScroll.
Essa é uma ferramenta madura, que há seis anos vem sendo melhorada. E o melhor de tudo é que ela não trabalha só a questão da rolagem, mas também outros gestos como zoom, tap e snap. Também é possível configurar vários eventos, o indicador de rolagem, além de várias outras opções. Tudo está disponível no site oficial e na breve documentação disponível na página deles no GitHub.
Continue reading iScroll – Otimizando o uso de gestos em web apps →
É normal perdermos tempo com coisas não tão importantes e, ao chegar no fim do dia, nos questionarmos porque não conseguimos fazer metade de nossas tarefas. Pensando nisso, pensei em 20 dicas para fazer o tempo render no melhor esquema “faça o que eu digo não faça o que eu faço”. Continue reading 20 dicas para fazer o tempo render no melhor esquema “faça o que eu digo não faça o que eu faço” →
Poderia dizer que as pessoas que definem como será o CSS adorariam ser seus melhores amigos. Eles inventam muitas coisas bacanas que tornam o seu dia-a-dia de front-end muito mais legal. E uma dessas coisas super bacanas do CSS é o tal do pseudo-elemento. Continue reading CSS – Pseudo-elementos ::before e ::after →
Nesse exemplo é apresentada uma técnica que permite que um elemento tenha os valores de propriedades incrementados ou decrementados utilizando botões. É claro, sem JavaScript.
Continue reading CSS – Controlando a posição com botões. Sem JS! →
Position
A propriedade position trabalha com quatro valores: static (padrão), relative, absolute e fixed. Cada valor permite uma forma diferente de posicionar o elemento. E, dependendo do valor utilizado, outras cinco propriedades podem ser utilizadas em conjunto com position. São elas: top, right, bottom, left e z-index.
Essas outras cinco propriedades não funcionam com position: static. Ou seja, o position deverá ser relative, absolute ou fixed para que essas propriedades façam efeito sobre o posicionamento do elemento. Você vai ver mais sobre elas no decorrer da leitura.
Continue reading CSS – Positioning →
HTML, CSS e JS em posts curtos.
You must be logged in to post a comment.