Muitas vezes preciso criar funções que são usadas em muitos outros sites, e no meio de um código me dei conta que nem sempre vou poder ter certeza se o jQuery está instalado no site. Então encontrei uma simples solução, espero que seja útil para vocês. Veja abaixo:
if(jQuery) {
// jQuery instalado
} else {
// jQuery faltando
}
Se não fosse a diferença de renderização nos browsers o CSS era perfeito, mas eu creio que logo isso se resolverá. Uma coisa que eu gosto muito no CSS é a possibilidade de definir um visual para cada tipo de periférico, você conhece todas as possibilidades?? Vamos ver quais são e o que fazem.
all
Todos os tipo de mídias.
braille
Dispositivos táteis braille
embossed
Impressora braille
handheld
Dispositivos manuais/portáteis (tela pequena, monocromática, gráficos bitmap, banda limitada)
Impresso, material opaco e documentos visualizados na tela em modo de impressão
projection
Projetores
screen
Telas de computador
speech
Sintetizadores de voz. Similar a “aural”
tty
Mídias que utilizam caracteres de tamanho fixo, como terminais ou dispositivos portáteis com capacidades limitadas de tela
tv
Televisores
Você pode definir um CSS para cada tipo e ai fazer um chamada exclusiva para cada um. Veja abaixo:
<link rel="stylesheet" href="css/screen.css" midia="screen, projection" />
Pode também fazer uma declaração dentro do arquivo CSS que está em uso. Veja abaixo:
/* importando um arquivo CSS externo e informar o tipo de midia a qual se aplica */
@import "folha.css" tipo-midia;
/* Declarando no css geral uma propriedade especifica para um seletor em um tipo de mÃdia */
@media tipo-midia {
seletor {
Propriedade: valor(es);
}
};
Agora que você já sabe tudo, aplique nos seus projetos e se destaque.
Mais uma tabela de referência, mas desta vez sobre o ótimo framework para CSS o Blueprint, talvez você queria ler o post que fiz sobre o Blueprint. Faça o download do PDF abaixo:
Download da tabela de referência do Blueprint CSS em PDF
Um dos maiores desafios no mundo do desenvolvimento web é deixar o CSS funcional em diferentes browsers e validado. Muitos dizem que um CSS validado de nada vale, porém eu acredito que o ideal seja unir o útil ao agradável. Se você consegue um CSS funcional, validado e que seja fácil de desenvolver então por que não fazer??
Para agilizar o desenvolvimento do CSS eu recomendo o Blueprint. Um framework de CSS que vai te fazer ganhar muito tempo e ainda vai estar em conformidade nos diferentes browsers. Ele ainda conta com plugins que facilitam e muito a nossa vida.
Blueprint compactado como ZIP
Blueprint compactado como TGZ
Tabela de Referência sobre Blueprint em PDF
A utilização é bem simples basta que você inclua o framework como qualquer outro css. Lembrando de respeitar a estrutura de pastas, veja o exemplo abaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Teste</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="../../blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../../blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>
<div class="container showgrid">
<h1>Exemplo</h1>
</div>
O DOCTYPE é importante certifique-se de estar fazendo a inclusão correta.
A classe container e showgrid são classes importantes do framework, tenha cuidado para não sobreescreve-las.
No site oficial estão alguns exemplos que podem ser muito útil.
Navegando pela internet eu encontrei um site muito interessante, o Conecte seu negócio. Com ele você pode criar o site da sua empresa e ainda tem a oportunidade de anunciar no Google Adwords com um bonus de R$ 150,00. Abaixo está um texto retirado da página descritiva do serviço. Aproveitem, os primeiros 3000 cadastros são grátis.
O CONECTE SEU NEGÓCIO é uma iniciativa que vai ajudar micro e pequenas empresas a criar o seu primeiro site de maneira simples e rápida.
Neste projeto o Google oferece a quem se cadastrar a oportunidade de experimentar seu programa de publicidade, o AdWords, para promover sua empresa em seus resultados de busca e em toda a sua rede de parceiros. A Yola oferece a facilidade na construcao do seu site e cuida da hospedagem e da criação do endereço(domínio) da sua página.
Logo que comecei a programar eu tinha uns livros pequenos de referência sobre as linguagens que eu usava e aquilo me ajudava muito, procurando algo semelhante sobre jQuery encontrei essa tabela de referência que é perfeita para o que se propõe.
Espero que seja tão produtivo para vocês quanto tem sido para mim.
Olá querido visitante, seja bem vindo ao Blog Grande Pixel. Esse blog tem como foco simplesmente ser…
Um blog sobre desenvolvimento web, compartilhando conhecimento
… resumindo acreditamos na web 2.0. Espero que o conteúdo seja relevante para a sua necessidade.