Isotipo

20/6 - 2008 css - diseño

Vimeo, cool log in!

Buena idea y buen diseño.
Ojo con la nube =)

27/2 - 2008 ajax - programación - xhtml

CSS condicionado por navegador en distintos lenguajes

Una amiga me hizo esta pregunta en un mail ayer, así que esto fue lo que le conteste

HTML

Es una buena opción si estás trabajando sólo con documentos HTML. Aunque se dice que se pueden ocupar condiciones para todos los navegadores, la verdad es que nunca he conseguido aplicarla para otros agentes que no sean IE6 o IE7

<!--[if IE 7]>
<link href="css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

JAVASCRIPT

Trabajando con la variable navigator se pueden obtener datos como el agente del usuario (userAgent) o el nombre de la aplicación (appName) que estemos usando. Sin embargo, no es 100% accesible, ya que no funciona si se tiene el javascript del navegaor desactivado.

<script type="text/javascritp>
if(navigator.userAgent.match("MSIE 6")) {
     document.write('<link href="css/ie6.css" rel="stylesheet" type="text/css" />');
}
if(navigator.userAgent.match("Firefox")) {
     document.write('<link href="css/firefox.css" rel="stylesheet" type="text/css" />');
}
</script>

PHP

Perfecta si se esta trabajando en este lenguaje porque es más segura y accesible que la opción en JS. Además de obtener similares datos que la opción en JS

<?php
if(stristr($_SERVER["HTTP_USER_AGENT"]),"firefox") {
     echo '<link href="css/firefox.css" rel="stylesheet" type="text/css" />';
}

if(stristr($_SERVER["HTTP_USER_AGENT"]),"firefox") {
     echo '<link href="css/firefox.css" rel="stylesheet" type="text/css" />';
}
?>

3 Comentario

22/1 - 2008 ayerviernes - isotipo - web

1 año en AyerViernes

Sacando cuentas de un año más que bueno, profeccionale

Lenguajes aprendidos
- Programación en PHP
- SQL
- Javascript
  - Prototype
  - últimamente JQuery (muy buena)
Metodologías aprendidas
- Desarrollo de Ajax Accesible
- Modelo de Programación MVC
- Desarrollo y Aplicación de Modelos de Interacción
Implementación de CMS
- Wordpress
- Gestor AV (grande Maxi)
Proyectos Desarrollados (HTML - CSS - Programación)
- Descorchados
- BlogCochaJoven
- PortalPinguino
- Hotel Monterilla
- Portal ChilePyme
- Eyetracking
- AyerViernes
- Portales para Empresas
- TEF (Transferencia Electrónica de Fondos)
- Banco Edwards | Citi
Cambio de Sistema Operativo: Windows a Linux
- Usuario KDE
- Manejo básico - medio de terminal

El 2007 fue un año movido, estresante, agoviante, pero cool!!. Así que para que este año sea igual de dinámico, hay que plantearse metas:

Aprender RoR
- Al menos programar una aplicación, andando
Llegar a ser usuario medio - avanzado de Linux
- Solucionar problemas complejos
- Configurar bien todo lo que quiera
- Escritorio extendido incluído
Terminar la carpeta de mi proyecto de título
Aprender más sobre Diseño de Interacción
Hacer clases sobre Diseño Front (faena que ya comence, particularmente)