This widget has successfully logged in! Replace this text with your
first post.
<br class="khtml-block-placeholder">
<br class="khtml-block-placeholder">
You can use ⌘-B and ⌘-I to make text <b>bold</b> and
<i>italic</i>.
<b>Testeando el widget de Blogger para mac.</b>
Francisco Valencia
Mi blog personal.
miércoles, 26 de enero de 2011
martes, 25 de enero de 2011
Creando realidad aumentada.
Una interesante introducción a lo que se puede realizar con esta genial tecnología.
viernes, 14 de enero de 2011
Trabajando con realidad aumentada.
Hoy comencé un nuevo proyecto, crear una tarjeta de presentación con realidad aumentada, primero voy a modelar mi proyecto con Maya 2009, pero aún no tengo claro como hacerlo, creo que utilizaré algunos ejemplos de Youtube para poder guiarme.
sábado, 4 de diciembre de 2010
Apuntes para no olvidar [CSS]
La propiedad z-index sirve para especificar el orden de los elementos en el eje z, o dicho de otra forma, que elementos van encima de otros.
Solamente funciona cuando se ha definido en la misma regla CSS la propiedad position, con los valores absolute o relative.
Valores que puede adquirir la propiedad z-index:
auto: la posición asignada por defecto.
numérico: en este caso el valor es un número entero, todo lo grande que se quiera, que podrá ser positivo o negativo.
Para que un elemento quede por encima de otro, el valor de su z-index ha de ser mayor. No siempre hay que definir el z-index, puesto que en muchas ocasiones no resulta necesario, por ejemplo cuando el elemento que tiene que quedar por encima aparece en el HTML después del que queda por debajo. A igualdad de valor z-index el elemento que queda por encima es el que está último en el HTML.
La dificultad puede presentarse cuando se quiere dejar por encima un elemento que en el HTML está antes que el elemento que tiene que quedar por debajo. Si ambos elementos están bajo un mismo contenedor
Un ejemplo, con dos filas horizontales con dos columnas:

Como se puede observar en el ejemplo dentro de los bloques 1 y 4, están los bloques 1.1 y 4.1 respectivamente. Estos se posicionan de forma absoluta, quedando por encima del resto de bloques.
En el caso del Bloque 4.1 no es necesario proporcionar z-index, ya que en el HTML está después que el resto de elementos posicionados a los que tiene que superponerse.
El caso del Bloque 1.1 adquiere complejidad. Los bloques del 1 al 4 tienen todos definido z-index:1;, por lo que a igualdad de z-index quedará por debajo del resto de bloques, ya que en el HTML aparecen con posterioridad a dicho bloque. Para que aparezca superpuesto al resto de bloques se le define z-index:2;.
Al comprobar si el Bloque 1.1 se superpone, se observará que sigue por debajo de los otros bloques, a pesar de tener asignado un z-index con un valor superior al resto. Esto se debe a que el elemento posicionado que tiene por encima, el Bloque 1, tiene un z-index:1; que provoca que siga quedando por debajo, al estar antes en el HTML.
La solución pasa por asignar z-index:2; también al Bloque 1 (o un z-index. Ahora el Bloque 1.1 si quedará por encima del resto.
Una vez visto el ejemplo todavía puede surgir una duda. Los bloques 1 y 2 están bajo un contenedor (Grupo 1) y los bloques 3 y 4 bajo otro contenedor (Grupo 2). ¿Por qué no se le define z-index a esos dos contenedores? La respuesta es sencilla: No están posicionados.
La propiedad z-index sirve para especificar el orden de los elementos en el eje z, o dicho de otra forma, que elementos van encima de otros.
Solamente funciona cuando se ha definido en la misma regla CSS la propiedad position, con los valores absolute o relative.
Valores que puede adquirir la propiedad z-index:
auto: la posición asignada por defecto.
numérico: en este caso el valor es un número entero, todo lo grande que se quiera, que podrá ser positivo o negativo.
Para que un elemento quede por encima de otro, el valor de su z-index ha de ser mayor. No siempre hay que definir el z-index, puesto que en muchas ocasiones no resulta necesario, por ejemplo cuando el elemento que tiene que quedar por encima aparece en el HTML después del que queda por debajo. A igualdad de valor z-index el elemento que queda por encima es el que está último en el HTML.
La dificultad puede presentarse cuando se quiere dejar por encima un elemento que en el HTML está antes que el elemento que tiene que quedar por debajo. Si ambos elementos están bajo un mismo contenedor
Un ejemplo, con dos filas horizontales con dos columnas:

Como se puede observar en el ejemplo dentro de los bloques 1 y 4, están los bloques 1.1 y 4.1 respectivamente. Estos se posicionan de forma absoluta, quedando por encima del resto de bloques.
En el caso del Bloque 4.1 no es necesario proporcionar z-index, ya que en el HTML está después que el resto de elementos posicionados a los que tiene que superponerse.
El caso del Bloque 1.1 adquiere complejidad. Los bloques del 1 al 4 tienen todos definido z-index:1;, por lo que a igualdad de z-index quedará por debajo del resto de bloques, ya que en el HTML aparecen con posterioridad a dicho bloque. Para que aparezca superpuesto al resto de bloques se le define z-index:2;.
Al comprobar si el Bloque 1.1 se superpone, se observará que sigue por debajo de los otros bloques, a pesar de tener asignado un z-index con un valor superior al resto. Esto se debe a que el elemento posicionado que tiene por encima, el Bloque 1, tiene un z-index:1; que provoca que siga quedando por debajo, al estar antes en el HTML.
La solución pasa por asignar z-index:2; también al Bloque 1 (o un z-index. Ahora el Bloque 1.1 si quedará por encima del resto.
Una vez visto el ejemplo todavía puede surgir una duda. Los bloques 1 y 2 están bajo un contenedor (Grupo 1) y los bloques 3 y 4 bajo otro contenedor (Grupo 2). ¿Por qué no se le define z-index a esos dos contenedores? La respuesta es sencilla: No están posicionados.
Solamente funciona cuando se ha definido en la misma regla CSS la propiedad position, con los valores absolute o relative.
Valores que puede adquirir la propiedad z-index:
auto: la posición asignada por defecto.
numérico: en este caso el valor es un número entero, todo lo grande que se quiera, que podrá ser positivo o negativo.
Para que un elemento quede por encima de otro, el valor de su z-index ha de ser mayor. No siempre hay que definir el z-index, puesto que en muchas ocasiones no resulta necesario, por ejemplo cuando el elemento que tiene que quedar por encima aparece en el HTML después del que queda por debajo. A igualdad de valor z-index el elemento que queda por encima es el que está último en el HTML.
La dificultad puede presentarse cuando se quiere dejar por encima un elemento que en el HTML está antes que el elemento que tiene que quedar por debajo. Si ambos elementos están bajo un mismo contenedor
Un ejemplo, con dos filas horizontales con dos columnas:
<div class="fila" id="grupo_01">
[Grupo 1]
<div class="bloque" id="bloque_01">
[Bloque 1]
<div class="bloque_interior" id="bloque_01_01">
[Bloque 1.1]
</div>
</div>
<div class="bloque bloque_ultimo" id="bloque_02">
[Bloque 2]
</div>
</div>
<div class="fila fila_ultima" id="grupo_02">
[Grupo 2]
<div class="bloque" id="bloque_03">
[Bloque 3]
</div>
<div class="bloque bloque_ultimo" id="bloque_04">
[Bloque 4]
<div class="bloque_interior" id="bloque_04_01">
[Bloque 4.1]
</div>
</div>
</div>

Como se puede observar en el ejemplo dentro de los bloques 1 y 4, están los bloques 1.1 y 4.1 respectivamente. Estos se posicionan de forma absoluta, quedando por encima del resto de bloques.
En el caso del Bloque 4.1 no es necesario proporcionar z-index, ya que en el HTML está después que el resto de elementos posicionados a los que tiene que superponerse.
El caso del Bloque 1.1 adquiere complejidad. Los bloques del 1 al 4 tienen todos definido z-index:1;, por lo que a igualdad de z-index quedará por debajo del resto de bloques, ya que en el HTML aparecen con posterioridad a dicho bloque. Para que aparezca superpuesto al resto de bloques se le define z-index:2;.
Al comprobar si el Bloque 1.1 se superpone, se observará que sigue por debajo de los otros bloques, a pesar de tener asignado un z-index con un valor superior al resto. Esto se debe a que el elemento posicionado que tiene por encima, el Bloque 1, tiene un z-index:1; que provoca que siga quedando por debajo, al estar antes en el HTML.
La solución pasa por asignar z-index:2; también al Bloque 1 (o un z-index. Ahora el Bloque 1.1 si quedará por encima del resto.
Una vez visto el ejemplo todavía puede surgir una duda. Los bloques 1 y 2 están bajo un contenedor (Grupo 1) y los bloques 3 y 4 bajo otro contenedor (Grupo 2). ¿Por qué no se le define z-index a esos dos contenedores? La respuesta es sencilla: No están posicionados.
La propiedad z-index sirve para especificar el orden de los elementos en el eje z, o dicho de otra forma, que elementos van encima de otros.
Solamente funciona cuando se ha definido en la misma regla CSS la propiedad position, con los valores absolute o relative.
Valores que puede adquirir la propiedad z-index:
auto: la posición asignada por defecto.
numérico: en este caso el valor es un número entero, todo lo grande que se quiera, que podrá ser positivo o negativo.
Para que un elemento quede por encima de otro, el valor de su z-index ha de ser mayor. No siempre hay que definir el z-index, puesto que en muchas ocasiones no resulta necesario, por ejemplo cuando el elemento que tiene que quedar por encima aparece en el HTML después del que queda por debajo. A igualdad de valor z-index el elemento que queda por encima es el que está último en el HTML.
La dificultad puede presentarse cuando se quiere dejar por encima un elemento que en el HTML está antes que el elemento que tiene que quedar por debajo. Si ambos elementos están bajo un mismo contenedor
Un ejemplo, con dos filas horizontales con dos columnas:
<div class="fila" id="grupo_01">
[Grupo 1]
<div class="bloque" id="bloque_01">
[Bloque 1]
<div class="bloque_interior" id="bloque_01_01">
[Bloque 1.1]
</div>
</div>
<div class="bloque bloque_ultimo" id="bloque_02">
[Bloque 2]
</div>
</div>
<div class="fila fila_ultima" id="grupo_02">
[Grupo 2]
<div class="bloque" id="bloque_03">
[Bloque 3]
</div>
<div class="bloque bloque_ultimo" id="bloque_04">
[Bloque 4]
<div class="bloque_interior" id="bloque_04_01">
[Bloque 4.1]
</div>
</div>
</div>

Como se puede observar en el ejemplo dentro de los bloques 1 y 4, están los bloques 1.1 y 4.1 respectivamente. Estos se posicionan de forma absoluta, quedando por encima del resto de bloques.
En el caso del Bloque 4.1 no es necesario proporcionar z-index, ya que en el HTML está después que el resto de elementos posicionados a los que tiene que superponerse.
El caso del Bloque 1.1 adquiere complejidad. Los bloques del 1 al 4 tienen todos definido z-index:1;, por lo que a igualdad de z-index quedará por debajo del resto de bloques, ya que en el HTML aparecen con posterioridad a dicho bloque. Para que aparezca superpuesto al resto de bloques se le define z-index:2;.
Al comprobar si el Bloque 1.1 se superpone, se observará que sigue por debajo de los otros bloques, a pesar de tener asignado un z-index con un valor superior al resto. Esto se debe a que el elemento posicionado que tiene por encima, el Bloque 1, tiene un z-index:1; que provoca que siga quedando por debajo, al estar antes en el HTML.
La solución pasa por asignar z-index:2; también al Bloque 1 (o un z-index. Ahora el Bloque 1.1 si quedará por encima del resto.
Una vez visto el ejemplo todavía puede surgir una duda. Los bloques 1 y 2 están bajo un contenedor (Grupo 1) y los bloques 3 y 4 bajo otro contenedor (Grupo 2). ¿Por qué no se le define z-index a esos dos contenedores? La respuesta es sencilla: No están posicionados.
lunes, 29 de noviembre de 2010
Que será más adelante?
Hoy desperte pensando en cuál sera el avance que cambiará al mundo este fin de año, digamos la verdad no ha sigo un año con muchos anuncios relevantes en el ambito tecnologico, aún estoy esperando un cambio que revoluciones el campo de latecnología, así como fuéron las pantallas touch en su tiempo, pero algo más groso.
Viendo unos videocast Chilenos, me di cuenta que en chilito lo que es videocast aún esta en pañales, como puede ser esto! siendo que somos los twitteros nº2 del mundo, mayores usuarios de Youtube! y los videocast que veo aún parecen podcast de colegio, penoso, realmente penoso, me gustaría ver un podcast bueno así como los de revision3 que son bastante buenos y profesionales. Ahora me pregunto, esto se debe a que el equipo aún es muy caro como para el chileno promedio que realiza podcast? o bien la conexión de internet en Chile aún es muy penca y demasiado cara como para poder tener una conexión decente y ver un videocast en HD vía Vimeo?
Creo que todos los motivos anteriores son la razón de que los videocast aún en chile sean tan precarios, espero que de aqui a fin de año salga algo más decente y entretenido que valga la pena ver, y además los valores de internet bajen, y los chupasangre de las compañías esten a favor del avance tecnologico.
Viendo unos videocast Chilenos, me di cuenta que en chilito lo que es videocast aún esta en pañales, como puede ser esto! siendo que somos los twitteros nº2 del mundo, mayores usuarios de Youtube! y los videocast que veo aún parecen podcast de colegio, penoso, realmente penoso, me gustaría ver un podcast bueno así como los de revision3 que son bastante buenos y profesionales. Ahora me pregunto, esto se debe a que el equipo aún es muy caro como para el chileno promedio que realiza podcast? o bien la conexión de internet en Chile aún es muy penca y demasiado cara como para poder tener una conexión decente y ver un videocast en HD vía Vimeo?
Creo que todos los motivos anteriores son la razón de que los videocast aún en chile sean tan precarios, espero que de aqui a fin de año salga algo más decente y entretenido que valga la pena ver, y además los valores de internet bajen, y los chupasangre de las compañías esten a favor del avance tecnologico.
domingo, 21 de noviembre de 2010
Pesadilla!
Una real pesadilla es estar sentado frente al computador+photoshop+editores html, una real pesadilla, un dolor de cabeza, pero al fin lo he logrado.
El botón externo de Updale puede que no sea como el botón de Facebook y Twitter con su contador, pero en fin, se ve bastante bonito, por ahora no le he podido dedicar full time a el diseño de sus botones a Updale, más que nada me he centrado en los pequeños bugs y errores que me esta tirando el sitio de vez en cuanto, pero así son las cosas.
Mañana certamen de programación creo estar capacitado para obtener la nota máxima.
Plan para el día de mañana: Full Estudio.
Espero poder contactar a algún diseñador amigo en estos días para que me pueda ayudar un poco con el diseño y los colores del sitio, ya que por ahora me esta recordando al Domino's Pizza (Consultorio)
PD: Cambié el botón de compartir a el pequeño, esta mucho más chori ah mascota para el sitio, es un fantasma de los de pac-man.
El botón externo de Updale puede que no sea como el botón de Facebook y Twitter con su contador, pero en fin, se ve bastante bonito, por ahora no le he podido dedicar full time a el diseño de sus botones a Updale, más que nada me he centrado en los pequeños bugs y errores que me esta tirando el sitio de vez en cuanto, pero así son las cosas.
Mañana certamen de programación creo estar capacitado para obtener la nota máxima.
Plan para el día de mañana: Full Estudio.
Espero poder contactar a algún diseñador amigo en estos días para que me pueda ayudar un poco con el diseño y los colores del sitio, ya que por ahora me esta recordando al Domino's Pizza (Consultorio)
PD: Cambié el botón de compartir a el pequeño, esta mucho más chori ah mascota para el sitio, es un fantasma de los de pac-man.
Suscribirse a:
Comentarios (Atom)