Mostrar mensagens com a etiqueta css3. Mostrar todas as mensagens

Como fazer com que a scrollbar, não fique por cima do conteúdo do teu site no IE10,11 e Edge?


Olá,
hoje venho expôr um dos problemas que me deparei no desenvolvimento de um site.
Ao utilizar a framework de CSS bootstrap para a criação de um site responsivo, verifiquei que no IE10,11 e Edge a scrollbar fica por cima do conteúdo, o que fica um pouco feio, ou esconde informação.
Após alguma pesquisa encontrei a solução, que vos deixo.

html {
   -ms-overflow-style: scrollbar;
}

Espero que tenha também ajudado.
 Até a uma próxima.
Read More

Menu tipo hamburger?!


Olá, de regresso das férias!!! Após o descanso, volta o trabalho arduo.
Hoje vou deixar um tema bastante interessante. O menu tipo hamburguer. Tornou-se uma forma de navegação padrão, muito por culpa da utilização de frameworks como bootstrap e foundation. Mas será que é a melhor forma de implementar um menu?

Segundo James Archer, muitos utilizadores abandonam o nosso site, por não encontrarem as opções mais óbvias/importantes à vista. E daí a sugestão de alterarmos este paradigma.
Criar um menu de navegação, onde as opções de menu mais importantes estão visiveis e as outras podem estar escondidas no menu "hambuguer". Ou passar a ter uma "Tab Bar" com mais opções visiveis.
Vejam o exemplo do facebook:



Deixo-vos aqui uns artigos de opinião e implementação de alternativas. Na minha opinião muito bons.

http://deep.design/the-hamburger-menu/
https://css-tricks.com/the-priority-navigation-pattern/

Até breve!
Read More

The Making Of “In Pieces”: Designing an Interactive Exhibition With CSS Clip Paths

Animações com svg? Muito bom. Leiam este artigo da smashing magazine.
http://www.smashingmagazine.com/2015/06/02/the-making-of-in-pieces/
Read More

Transformar botões em janelas de formulários ou outros

MorphingButtons

Hoje quero partilhar um pouco de inspiração, um novo conceito de transformar botões em janelas de formulários ou outros objetos quem sabe. Vejam mais aqui.

A idéia é usar um elemento de ação, como um botão, e ao clicar nele, este transforma-se noutra coisa. Basicamente, o botão é "reutilizado" visualmente para revelar outro conteúdo.

Esta pode ser uma sobreposição de uma janela em fullcreen, uma janela modal, etc... O conceito "Morphing" de um elemento de ação, botão, é um conceito interessante pois permite criar algo diferenciador para o utilizador.

O que acham sobre este tema? Acham que é uma interação interessante?
Read More

Inspiração para "tolltips" - Formatos e efeitos em mouse hover



Hoje, gostaria de partilhar alguns estilos de "tooltips" e efeitos com vocês. As tooltips são normalmente utilizados para fornecer algum tipo de informação adicional e elas são encontradas em quase todos os sites. As tooltips oferecem uma grande oportunidade de adicionar alguns efeitos subtis e originais para qualquer projeto. Podem ver aqui alguns exemplos.
Read More
Subscrever: Mensagens (Atom)