@dgfrancisco » Blog

“There must be a better way.” – Steve Jobs

dgfrancisco — Thu, 06 Oct 2011 03:38:53 +0000

“En el vocabulario de la mayoría de las personas, el diseño significa apariencia. Es decoración de interiores. Es la tela de las cortinas o la del sofá. Pero para mí, nada podría estar más lejos del significado del diseño. El diseño es el alma fundamental de una creación del hombre que termina expresándose en capas exteriores sucesivas de un producto o servicio”. – Sitio de CNN Money, enero 24 de 2000.

Gracias por recordarnos que todo lo que hacemos es para seres humanos.

Stellar

dgfrancisco — Wed, 31 Aug 2011 04:58:25 +0000

This project began from the theory that humans are made of cosmic matter as a result of a stars death. I created imagery that showcased this cosmic birth through the use of dust and reflective confetti to create galaxies. The models organic bodily expressions as they are frozen in time between the particles suggest their celestial creation. In addition, space and time is heightened by the use of three-dimensional animated gifs. Their movement serves as a visual metaphor to the spatial link we share with stars as well as their separateness through time.

URL: Ignacio Torres site

Acaso el !DOCTYPE importa?

dgfrancisco — Sun, 07 Nov 2010 04:46:02 +0000

Asumo que sabemos que es HTML y CSS, sim embargo aqui dejo una pequeña descripción a cerca de estos dos lenguajes. Todos los sitios web son creados a partir de dos lenguajes básicos: HTML y CSS. El HTML es un lenguaje de marcado, un lenguaje de etiquetas; describe la estructura y el contenido de una página y el CSS especifica los aspectos visuales de la página en diferentes medios (pantalla, impresion, dispositivos, etc).

Las implementaciones de estos lenguajes en navegadores web, particularmente la de CSS, fueron al principio mínimas y conocidas por contener muchos errores o “quirks”. Es por eso que la Etiqueta !DOCTYPE básica, es MUY IMPORTANTE !!!, esta etiqueta es tan básica que ya nunca nos preocupamos por ello y es muy importante, siempre tenerla en cuenta como primera definición en un desarrollo web. El !DOCTYPE, en términos muy simples, le dice al Browser como debe renderizar.

XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

En la anatomía del !DOCTYPE (que debe ser escrito en mayusculas), definimos el tipo de lenguaje de marcado a usar y su verison, definimos si vamos a usar XHTML o HTML, o HTML 4.0, tipo de lenguaje + version (ya debe estar por salir la definicion para HTML5), la palabra PUBLIC hace referencia al tipo de disponibilidad del documento (en nuestro caso público, por lo que está a disposición de toda la WWW), se define luego el tipo de documento, las letras EN indican que el sistema de caracteres en el que está escrito el DTD es el correspondiente a la lengua inglesa y definimos los DTDs, los cuales definen excatamente qué se permite dentro del documento que forma la página y qué no, basicamente le dan reglas de render a los navegadores (la ruta es por si se llama externo el archivo).

Ahora pues el !DOCTYPE tiene basicamente 3 opciones, 3 tipos de documentos:Strict, Transitional y Frameset. cada uno de estos define reglas de juego diferentes, todo depende de que tan expertos somos con el CSS o que tipo de contenido tenemos en el sitio; Asi pues las diferencias entre cada uno son:

Strict: Este tipo de documento está pensado principalmente para la aplicacion de CSS, separando completamente el contenido y el disenio.Asi que no permite la utilización de etiquetas y atributos, que esten en desuso, atributos orientados a la presentación, como etiquetas: , y otros. Escribiendo páginas en XHTML 1.0 Strict se consiguen páginas bien estructuradas y fácilmente adaptables mediante CSS, pero tiene la desventaja de crear incompatibilidades con ciertos navegadores.

Transitional: Incluye todas las características de XHTML 1.0 Strict, pero añade características orientadas a la presentación ya en desuso.
Frameset: es una variante del Transitional para las páginas que utilizan frames

Ejemplos del !DOCTYPE para desarrollo web

HTML 4.01 Strict: Esta es la DTD HTML 4.01 Strict, que excluye los atributos y elementos que W3C espera eliminar (como font) pasando así todos los atributos a las hojas de estilo. No incluye soporte para frames. En general todo desarrollador debería usar esta DTD, exceptuando casos en los que es imprescindible el uso de elementos y atributos en el mismo HTML, donde usaremos el DTD Transitional.

“http://www.w3.org/TR/html4/strict.dtd”>

HTML 4.01 Transitional: Esta DTD es igual que la anterior, exceptuando que esta si que da soporte a atributos y elementos (como font) que no da la DTD Strict. No incluye soporte para frames.

“http://www.w3.org/TR/html4/loose.dtd”>

HTML 4.01 Frameset: Esta DTD es igual a la Transitional, pero incorpora el soporte para frames.

< "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict: Esta DTD incluye todos los atributos de HTML, pero excluye la presentación de atributos y elementos que W3C espera eliminar (como font) pasando así todos los atributos a las hojas de estilo. No incluye soporte para frames. Y al ser XHTML, las etiquetas deben escribirse como XML.

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

XHTML 1.0 Transitional: Esta DTD incluye todos los atributos de HTML y también incluye los atributos y elementos (como font). No incluye soporte para frames. Y al ser XHTML, las etiquetas deben escribirse como XML.

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

XHTML 1.0 Frameset: Esta DTD incluye todos los atributos de HTML y también incluye los atributos y elementos (como font). Incluye soporte para frames. Y al ser XHTML, las etiquetas deben escribirse como XML.

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Así que de aquí en adelante cuidado con esta etiqueta, podrían ahorrarse muuucho tiempo en debug y hacer mejores y mas estandar versiones de sus sitios o de sus trabajos.

¿Marcadores sociales sirven o no? Sabes usarlos?

dgfrancisco — Sat, 24 May 2003 04:49:55 +0000

Los marcadores sociales son sistemas que permiten guardar enlaces, de la misma manera que lo hacemos en nuestros browsers, sea Internet Explorer o Firefox; estos enlaces tienen el famoso nombre de “bookmarks” o “favoritos”. El fin de un sitio dedicado a este tipo de servicio es que el usuario siempre tenga disponible en cualquier computador con acceso a Internet, el total de su información; no solo se trata solo de información personal, estos portales también nos permiten ver la información de nuestros “amigos” o de nuestra red, este aspecto es clave cuando de investigación se trata, pues este soporte permite a grupos multidisciplinarios llevar a cabo sus investigaciones, de esta forma el grupo independientemente de su posición geográfica o su cercanía; tiene un espacio para su investigación.

El sistema parece funcionar muy bien para los usuarios que tienen idea de compartir contenido de forma clara y estandarizada, para usuarios que entienden que un “tag” representa una palabra clave de búsqueda y compilación; pero que sucede con aquellos que no son tan interesados en como funcionan las nuevas tecnologías, o que no tienen usuarios en redes sociales y blogs, herramientas que les permite entender este tema, que sucede cuando los usuarios no sabemos definir de forma clara y útil el o los tags de relación de “nuestros favoritos”?

Dentro de los diferentes portales de marcadores no hay un sistema pre-establecido de palabras clave o categorías – no existe una estructura predefinida para los tags, por lo tanto los usuarios podemos definir palabras clave muy genéricas o muy especificas, podríamos crear tags como por ejemplo: “Diseño” y bajo esta palabra añadir sitios de diseño de impresos, diseño Web, inspiración para trabajo, o sitios que simplemente los quiera por que visualmente son agradables; o al menos esa podría ser una posibilidad, podríamos incluso confundir el significado de los términos con el significado de la información que queremos definir en ella. Incluso podríamos estar seguros de su ortografía, de su exactitud de letras y definir tags de tipo: “diseño” o “diesno” sin percatarnos del error, bien lo dijo NatGeo, “No importa la posición de las letras, siempre y cuando la primera y la última estén en su lugar, de es forma el cerebro humano cree que las palabras están correctamente escritas“; siguiendo con esto volvamos al titulo de este post: ¿Marcadores sociales sirven o no?

Los portales de marcadores libres al publico deberán entonces primero ayudar a los usuarios a entender como utilizar las etiquetas, entender que estas palabras representan tipos de contenido, que las palabras claves son rótulos o anclas para que la búsqueda de contenidos sea mas sencilla, estos portales deben para que su contenido sea útil y algún día como referencia importante de información, ayudar a que los usuarios entiendan que antes de añadir un nuevo tag deben tener en cuenta, el tipo de contenido, tema, fuente, autor, productos que representa, etc. Así que la tarea empieza por los portales mismos, las herramientas funcionan pero como toda nueva herramienta debe estar acompañada por un manual de uso.

Links relacionados

Folcsonomia: Tags y Tagging – Cómo Crear Buenas Etiquetas Para Tu Website |masternewmedia.org
Folcsonomía | wikipedia.org