CSS Browser Selector +
Hi-dpi screen Pixel-ratio > 1 and < 2 Pixel-ratio >= 2
Um Auxiliador no Desenvolvimento Responsivo Cross-Browser
A Cross-browser Responsive Design Helper
CSS Browser Selector + é um javascript muito pequeno, que habilita seletores
CSS.
CSS Browser Selector + is a very small javascript which empowers CSS selectors.
Veja o exemplo:
See an example:
<html lang="pt-br" class="webkit chrome chrome21 win win8 js orientation_landscape minw_980 maxw_1199">
CSS Browser Selector + é um auxiliador no desenvolvimento responsivo cross-browser sem a utilização de Hacks. Com ele é possível desenvolver sites responsivos para navegadores que não suportam o módulo Media Queries (CSS3) e sem a utilização de hacks (caracteres não validados pelo W3C).
O script adiciona classes que fazem uma verificação profunda no navegador do cliente, abrindo um leque de oportunidades de personalização, podendo assim, estender estas funcionalidades até para navegadores mais recentes.
Como são utilizadas classes de css, o desenvolvimento torna-se amigável;
Vantagens: - Fácil de ser Implementado - Habilidade de escrever códigos CSS específicos - Possibilidade de resolver problemas em versões em outros SOs - Herança de CSS devido à classe que identifica a família do Navegador - Fim dos CSS Hacks!
Ele identifica: - Navegadores: Firefox; IE; Opera; Safari; Chrome, Konqueror, Iron - Versões dos navegadores: (ie6, ie7, ie8, ie9) - Motores de renderização: Webkit; Mozilla; Gecko - Sistemas Operacionais/Plataformas: Mac; Win: Win8, Win7, Vista, WinXP, Win2k, WinNT; FreeBSD; Linux/x11 - Dispositivos: Ipod; Ipad; Iphone; WebTV; Blackberry; Android; J2me; RIM Playbook; mobile (generico) - Tecnologia habilitada: JS (usado em conjunto com <html class="no-js"> para ainda ter mais controle) - Detecção de max-width e min-width - Detecção da orientação navegador - Detecção de idioma
Mais Informações:
(http://rafael.adm.br/css_browser_selector)
Versões Experimentais:
(http://github.com/ridjohansen/css_browser_selector/)
(http://github.com/verbatim/css_browser_selector/)
http://creativecommons.org/licenses/by/2.5/
Autor original:
Rafael Lima: http://rafael.adm.br
Com base na idéia do site 37signals
http://37signals.com/svn/archives2/browser_selectors_in_css.php