Posts

Masonry apenas com CSS3

Estilo Masonry apenas com CSS3

Neste tutorial você vai aprender a aplicar uma grid no estilo Masonry apenas com CSS3, sem a necessidade de bibliotecas JavaScript ou qualquer outro código. O problema com este modelo é que o layout só irá funcionar perfeitamente em…
jQuery Masonry
,

jQuery Masonry cria grids perfeitas na vertical e horizontal

Masonry é uma biblioteca JavaScript / jQuery para criar grids que se encaixam perfeitamente na vertical e horizontal. Os Itens serão alinhados como cards, em um layout parecido com o que você pode ver no Google Keep. Este plugin deverá…
CSS

Centralizar texto verticalmente em CSS

Centralizar texto verticalmente em CSS é algo bem mais complexo do que fazer o mesmo na horizontal, pois, desde os primórdios do CSS você pode utilizar a propriedade text-align: center;  par deixar o texto no meio do elemento que preferir. Neste…
CSS
,

Menu HTML com CSS com submenu e subníveis

Veja como criar um Menu HTML com CSS com submenu e subníveis, ou seja, menu com submenus, e submenus com submenus também. Sem nada de JavaScript, apenas CSS
CSS

Centralizar elemento na horizontal e vertical com CSS

Veja como centralizar elemento na horizontal e vertical com CSS. Funciona com qualquer largura e altura, até mesmo para elementos fluídos e responsivos.
Como estilizar placeholder de inputs HTML5
, ,

Menu em abas com CSS e jQuery

Veja como criar um menu em abas para exibir elementos. Vamos utilizar CSS, jQuery e HTML para manipular os elementos sem recarregar a página ou o conteúdo.
WordPress Logo
, ,

PHP, HTML e CSS em temas WordPress

Nesse artigo você vai ver como é simples intercalar PHP, HTML e CSS em temas WordPress para deixar seu blog ou site com o layout que você precisar.
CSS

CSS: Barra de menu fixa relativa ao elemento pai

Veja como criar uma barra de menu fixa relativa ao elemento pai. Também aprenderemos um pouco mais sobre o posicionamento (position) dos elementos em CSS.
CSS Grid

CSS grid: Veja como criar do zero

Veja como criar um sistema de grid (grade) em CSS para adicionar quantas colunas quiser em seu site. Aqui você vai entender como funciona a ideia de grids.
fly-in
,

Efeito fly-in com CSS e jQuery

Veja como criar o efeito fly-in com CSS e jQuery. Fly-in é um efeito no scroll da página que mostra elementos como se eles estivessem pousando na página.
CSS3 Logo

Como estilizar links externos com CSS

Mostre aos usuários do seu site quais são os links internos e externos com uma dica simples para estilizar links externos com CSS e seletores avançados.
Como estilizar placeholder de inputs HTML5
, ,

Como estilizar placeholder de inputs HTML5

Veja como estilizar placeholder de inputs HTML5 com CSS de maneira simples e rápida. Solução funciona em todos os navegadores que suportam o atributo HTML5.