Arquivo da tag: CSS3

-Prefix-my-css

Tem certo momentos na criação de CSS, deparamos que alguns parâmetros que colocamos, que mesmo sendo comum, algum navegador não vai reconhecer (que muitas vezes o Internet Explorer não entende :p ).

Pesquisando encontrei esse site: prefixmycss.com.

Esse site pega todos os parâmetros que você criou e acrescenta outros com a mesma funcionalidade, para funcionar em todos os navegadores, ele vem com a possibilidade de deixar o CSS todo em uma linha só, deixando a leitura mais rápida na hora de carregar o site.

Para ele fazer esse melhoramento, é só pegar o seu código de CSS e colocar no campo “Paste you CSS” e clicar em “Prefix!”.

Qualquer dúvida deixe seu comentário.

Abraço a todos. =)

CSS3 Repeating Gradients [CSS3 Tips]

Há muitos recursos de CSS3 que mudam a maneira como decorar um site, um dos quais é CSS3 Gradients. Antes de CSS3, definitivamente, precisamos de imagens para criar o efeito de gradiente, agora somos capazes de entregar o mesmo (e melhor) efeitos usando apenas CSS.

Nós discutimos dois tipos de gradientes que podem ser conseguidos com CSS3:

Desta vez, vamos olhar para o seu irmão: repetição de  gradientes.

Continue lendo CSS3 Repeating Gradients [CSS3 Tips]

Ótimos plugins para ser usado no Chrome – Atualizado

google chrome
google chrome (Photo credit: toprankonlinemarketing)

Juntei ótimos plugins que vai facilitar na hora de programar ou pra analisar o desempenho e as estruturas do site, assim podendo melhorar seu sites.

Color Pick

Chrome Web Store - Color Picker

Color Pick é um ótimo plugin para descobrir o código hexa decimal de elementos dentro de um site.

https://chrome.google.com/webstore/detail/ohcpnigalekghcmgcdcenkpelffpdolg

Continue lendo Ótimos plugins para ser usado no Chrome – Atualizado

Bonitos botões em CSS3

Eu me deparei com um punhado de sites que explicam como criar flexíveis CSS3 botões, mas eu nunca realmente gastou o tempo para implementar um até que eu achei um pouco grande escrever cortesia dos caras mais no blog Zurb (em inglês) que têm um fantástico postar sobre a criação de CSS3 botões. Então eu tomei o seu exemplo e tweaked-lo para atender às minhas necessidades. É importante notar que se o seu usando o Internet Explorer que você não vai ver todos esses efeitos como o IE ainda não suporta CSS3. Browsers compatíveis CSS3 são, Safari, Chrome e Firefox 3 +. Continue lendo Bonitos botões em CSS3

Detectar Browser com PHP

The PHP logo displaying the Handel Gothic font.
The PHP logo displaying the Handel Gothic font. (Photo credit: Wikipedia)

Detectar Browser com PHP é extremamente facil. Aplique o seguinte codigo php onde quer que lhe apareça conteúdo destinado unicamente a um determinado browser. Muito útil para o load de Scripts ou Css.

<?php
$browser_cliente = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; if(strpos($browser_cliente, 'Opera') !== false){

   echo 'codigo para o Opera';

}elseif(strpos($browser_cliente, 'Gecko') !== false){

   echo 'codigo para o Mozilla/Firefox e browsers baseados no motor Gecko';

}elseif(strpos($browser_cliente, 'MSIE') !== false){

   echo 'codigo para o IE';

}elseif(strpos($browser_cliente, 'Chrome') !== false){

   echo 'codigo para o Chrome'; }else{ echo 'codigo para outro browser'; }

?>

O que você tem que saber sobre CSS3

Muitos de vocês provavelmente já perceberam toda a agitação em torno do CSS3, mas exatamente quais técnicas podemos usar hoje?

Neste artigo, vou mostrar algumas técnicas diferentes CSS3, que alguns dos principais navegadores (mais especificamente Firefox, Chrome, Safari e Opera) já suportam. Com isso ficará evidente a degradação do layout pela falta de suporte dos outros browsers (como por exemplo o Internet Explorer). Usando as extensões específicas disponíveis para cada navegador, muitos dos estilos que estão sendo especificados no CSS3 já podem ser usados hoje! Continue lendo O que você tem que saber sobre CSS3

10 Alternativas ao Lightbox em CSS3

Lightbox normalmente se refere a uma janela pop-in que pode ser usada para mostrar imagens, vídeos e conteúdos em HTML. Existem muitas variações do Lightbox em Javascript disponível na internet. No entanto, este artigos é focado em soluções de Modais em CSS 3. Continue lendo 10 Alternativas ao Lightbox em CSS3