CSS: como personalizar inputs sem utilizar classe

Olás, vindo aqui hoje só pra manter o blog “ativo” heheh, hoje, uma dica bem simples de css pra personalizar textbox (mania de .net) inputs. O código é o seguinte: input[type=text] { /* regras de estilo aqui. */ } Com o código css acima, não será mais preciso declarar uma classe no e colocar em cada elemento input, lembrando que pode ser utilizado em outros elementos, exemplo: input[type=checkbox] { /* estilo aqui */ } Parece bobo e preguiçoso, mas se levarmos em conta o quanto da pra economizar de Ctrl + C e Ctrl + V.

UIkit: uma outra alternativa ao Bootstrap

Como mostrei nesse post uma alternativa ao bootsrap , nesse post vou “mostrar” (entenda como colocar o link para o site) um outro framework que é uma ótima alternativa ao velho bootsrap. Como falei no outro post, o Bootstrap não é ruim, mas se dermos uma olhada em alguns sites por ai, será muito fácil nos depararmos com o bootstrap, então, para que nosso site ou sistema não seja mais um igual ao boostrap, o UIkit é uma alternativa a se considerar.

Dica rapida: Foundation 4 uma alternativa ao Bootsrap

Pra quem está cansado de usar o Twitter Bootstrap, não que ele seja ruim, muito pelo contrario, sugiro a utilização do Foundation 4. O Foundation 4 é uma biblioteca muito útil para padronizar a visualização de um site, ele é uma biblioteca bem completa, conheci a pouco tempo e comecei os estudos. Pra baixar a versão mais recente, basta entrar no site do projeto: http://foundation.zurb.com Logo mais, postarei como começar a tirar proveito dele e fujir um pouco do bootstrap, que anda dominando a Interwebs por ai.

Como deixar uma div transparente (CSS)

Olás, aqui não é bem um tutorial, está mais para uma dica: Se você quer deixar sua div transparente, você pode utilizar isso, por exemplo, pra deixar a imagem de background visível, deve ser inserido no seu css a seguinte regra: .transparente{ background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.7); /* Para navegadores IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000); /* Para navegadores IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)"