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="">
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; Edge; Opera; Safari; Chrome, Konqueror, Iron - Versões dos navegadores: (like chrome46, firefox41, ie6, ie7, ie8, ie9, ie10, ie11, ie edge, …) - Motores de renderização: Webkit; Mozilla; Gecko - Sistemas Operacionais/Plataformas: Mac; Win: Win10, Win8.1, Win8, Win7, Vista, WinXP, Win2k, WinNT; FreeBSD; Linux/x11 - Dispositivos: Ipod; Ipad; Iphone; WebTV; Blackberry; Android; Windows Phone; J2me; RIM Playbook; mobile (generic) - 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 de retina - 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/delka/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