Categoría programación
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" />';
}
?>
01/10 - 2007 arquitectura de información - ayerviernes - interacción - programación
Interacción y diagramas de flujos
Cuando diseñamos sistemas transaccionales o aplicaciones sociales, donde tenemos módulos de interacción condicional y necesitamos asegurarnos que todas las posibilidades posibles están pensadas, es necesario construir diagramas de flujos de todos los factores que se involucran en el sistema que queremos desarrollar. Este es un paso importantísimo que puede ahorrarle muchas horas a los procesos de producción de una web, ya que a través de los diagramas se pueden prever la mayoría de los problemas de coherencia, solidez y concretividad de lo que queremos que el usuario realice, además de detallar claramente cuales son las acciones que se deben diseñar y programar.
Los diagramas de flujos o flowcharts representan la forma más tradicional y duradera para especificar los detalles algorítmicos de un proceso. Se utiliza principalmente en programación, economía y procesos industriales, sin embargo, su lenguaje estándar nos permiten utilizarlos para definir procesos no matemáticos.
Para la construcción de diagramas existe la estandarización ISO 5807 (texto en francés), que describe una gran cantidad de elementos gráficos que podemos usar para su construcción, además del correcto uso de ellos. Existe el vocabulario visual que hizo Jessie James Garret, sobre mapas de Arquitectura de información e Interacción, el que se encuentra más flitrado y está directamente vinculado a los mapas de AI.
La idea de los diagramas de flujos es que detallen todas las acciones que se plantean en el Diseño de Interacción y que, junto con la estructura de contenidos puesta por la Arquitectura de Información, permitan determinar los comportamientos y definir el QUE, CÓMO y CUÁNDO estará presente en nuestro sitio.
Links
19/6 - 2007 isotipo - poesia - programación
Algoritmo
Leonardo en un texto sublime, le dice al discípulo que quiere aprender a pintar: “detente ante ese muro derruido, y míralo mucho, mucho rato, y no una, sino mil veces y aprende a ver en íl las figuras más increíbles”. Y él dice: “como en el sonido de la campana se esconden todos los nombres posibles”.
Eso es la base con que se puede construir un algoritmo.
cita de: “Elogio a la unidad discreta”(Godofredo Iommi).
14/6 - 2007 interacción - programación
Diagrama de secuencia
Leyendo por ahí sobre flujos de procesos, me encontre con este tipo de diagrama, llamado diagrama de secuencia. La gracia de este modelo es que permite ordenar claramente los procesos particulares de un flujo en su orden cronológico, logrando una muy buena lectura de las acciones que se realizan. Se me ocurre que puede ser muy útil para la descripcción de procesos en los que se utilice Ajax, haciendo visibles las relaciones entre las funciones, xmls, y la página.
Esta es la descripción:
“Un diagrama de secuencia muestra los objetos que intervienen en el escenario con líneas discontinuas verticales, y los mensajes pasados entre los objetos como vectores horizontales. Los mensajes se dibujan cronológicamente desde la parte superior del diagrama a la parte inferior; la distribución horizontal de los objetos es arbitraria.”
14/6 - 2007 interacción - isotipo - programación
qué hago?
Pienso relaciones, programo condiciones y diseño interacciones.
