No hay mucho que decir de esta animación de Pelourinho.com, sólo hay que verla:
Código de conducta para los blogs |
Tom O'Reilly, el creador del concepto de Web 2.0 y Jimmy Wales, responsable de la Wikipedia han propuesto crear un código de conducta para los blogs, con la idea de "civilizar un poco a la red". La idea fue recogida por The New York Times y la BBC que se mostraron de acuerdo con la iniciativa..
Según Infobae.com, dos de los blogs de habla hispana más conocidos, tienen posiciones divergentes:
Microsiervos, dice que "algunas de estas ideas recuerdan a las del Manifiesto Blog España, otros a la tradicional netiqueta que todo internauta debería conocer y respetar" (sin vínculo porque Infoabe jamás lo pone y yo no leo Microsiervos).
Mangas Verdes pone una imagen con un texto que dice: “Código ético para bloggers: Haz de tu blog lo que quieras, No dejes que nadie arruine tu blog” (con doble link incluido porque Infoabe no lo pone pero yo lo leo).
Los siete mandamientos propuestos son:
Según Infobae.com, dos de los blogs de habla hispana más conocidos, tienen posiciones divergentes:
Microsiervos, dice que "algunas de estas ideas recuerdan a las del Manifiesto Blog España, otros a la tradicional netiqueta que todo internauta debería conocer y respetar" (sin vínculo porque Infoabe jamás lo pone y yo no leo Microsiervos).
Mangas Verdes pone una imagen con un texto que dice: “Código ético para bloggers: Haz de tu blog lo que quieras, No dejes que nadie arruine tu blog” (con doble link incluido porque Infoabe no lo pone pero yo lo leo).
Los siete mandamientos propuestos son:
- Sé responsable de los comentarios que permites en tu blog, no sólo de tus propias palabras.
- Etiqueta el nivel de tolerancia para comentarios abusivos.
- Considera eliminar todo comentario anónimo.
- Evitar a los trolls (quienes dejan mensajes sólo para crear controversia)
- Crea la conversación offline y habla directamente o encontrando un intermediario que pueda hacerlo (este, no lo entiendo).
- Si conoces a alguien que tiene un mal comportamiento, hazlo saber.
- No digas en internet lo que no puedas decir a la cara.
¿Me parece a mi o la ingenuidad de algunos llega a extremos increibles? ¿Será ingenuidad o están tan enamorados de la propia voz que cualquier motivo es bueno para escucharse? Perdón, debe ser que me he vuelto más nihilista de lo que yo creía.
Voy a creer en las buenas intenciones de esta gente y agregar los tres que faltan para completar los diez que se requieren para cualquier lista de mandamientos que se precie de tal:
Voy a creer en las buenas intenciones de esta gente y agregar los tres que faltan para completar los diez que se requieren para cualquier lista de mandamientos que se precie de tal:
- No hagas a los demás lo que no te gustarían que te hagan a ti (sadomasoquistas, abstenerse).
- Sean felices (o inténtenlo).
- (... espacio libre, con los otros dos, me basta y sobra ...).
¡Qué facil que se resuelven las cosas! ¡mirá vos! ¡y yo que estaba preocupado!
Insertar videos WMV y MOV en Blogger |
El título del articulo de A List Apart es Bye Bye Embed y hace referencia a uno de los problemas sobre el que recibo más consultas. La pregunta es siempre más o menos la misma:
Inserté el vídeo del servicio cualquiera.com y no funciona en Blogger.
El problema es doble, por un lado, Internet Explorer comenzó a utilizar la etiqueta object de manera no-standard y al resto de los navegadores no se les ocurrió mejor cosa que inventarse otra etiqueta no-standard: la tan extendida embed.
El uso de embed se ha extendido demasiado y es hora de desterrarla completamente.
Las películas online utilizan animaciones en formato Flash y, para estas, la etiqueta object es más que suficiente. Es inentendible que esos servicios insistan en el uso de embed, los códigos que provee Google Video sólo incluye etiquetas embed lo que provoca que muchos navegadores simplemente no puedan ejecutarlos, los de YouTube incluyen object y embed.
Para ellas, la solución es simple: Cómo insertar videos con un código válido.
Los problemas aumentan cuando se quieren insertar otro tipo de formatos. En todos ellos, la clave es establecer el tipo correcto. Por ejemplo, los archivos de Windows Media Player tienen el tipo video/x-ms-wmv:
Inserté el vídeo del servicio cualquiera.com y no funciona en Blogger.
El problema es doble, por un lado, Internet Explorer comenzó a utilizar la etiqueta object de manera no-standard y al resto de los navegadores no se les ocurrió mejor cosa que inventarse otra etiqueta no-standard: la tan extendida embed.
El uso de embed se ha extendido demasiado y es hora de desterrarla completamente.
Las películas online utilizan animaciones en formato Flash y, para estas, la etiqueta object es más que suficiente. Es inentendible que esos servicios insistan en el uso de embed, los códigos que provee Google Video sólo incluye etiquetas embed lo que provoca que muchos navegadores simplemente no puedan ejecutarlos, los de YouTube incluyen object y embed.
Para ellas, la solución es simple: Cómo insertar videos con un código válido.
Los problemas aumentan cuando se quieren insertar otro tipo de formatos. En todos ellos, la clave es establecer el tipo correcto. Por ejemplo, los archivos de Windows Media Player tienen el tipo video/x-ms-wmv:
<object type="video/x-ms-wmv"VER EJEMPLO AQUI
data="URL_archivo.WMV"
width=ancho height=alto>
<param name="src" value="URL_archivo.WMV" />
<param name="autostart" value="true" />
<param name="controller" value="true" />
<... cualquier otro parámetro ... />
</object>
La etiqueta object fue creada para que pueda ser anidada dentro de otras etiquetas object de tal manera que, cualquier navegador fuera descartando aquellas que no podían utilizar y, si no encontrase ninguna, simplemente ignorar la etiqueta. Esto es así en todos excepto en Internet Explorer 6.
Debido a esto, ya que el tipo requerido type="video/quicktime" no es reconocido por todos los navegadores, para insertar películas de tipo QuickTime debemos echar mano a los cuestionados comentarios condicionales de IE y esconder ciertas líneas del código:
Debido a esto, ya que el tipo requerido type="video/quicktime" no es reconocido por todos los navegadores, para insertar películas de tipo QuickTime debemos echar mano a los cuestionados comentarios condicionales de IE y esconder ciertas líneas del código:
<object
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
width=ancho height=alto>
<param name="src" value="URL_archivo.MOV" />
<param name="controller" value="true" />
<param name="autoplay" value="false" />
<!--[if !IE]>-->
<object type="video/quicktime"
data="URL_archivo.MOV"
width=ancho height=alto>
<param name="autoplay" value="false" />
<param name="controller" value="true" />
</object>
<!--
</object>
VER EJEMPLO AQUI
Comete un hamburguesa |
Algunos comentan sobre este sitio como si fuera una curiosidad, claro, a simple vista parece una de las tantas excentricidades de la web: The Burger Muesum o, lo que es lo mismo, el Museo de las Hamburguesas, un lugar que recopila fotografías y permite "conocer al auténtico Big Mac de 1989, una apetitosa Chesseburguer de 1996, o una hamburguesa completa de 1991".
"Esta es una historia 100% real. El hombre ha estado guardando hamburguesas, cheeseburgers, y Big Macs de McDonalds por 18 años ... y aún permanecen igual!"
En realidad, se trata de una página dentro de TheBestDayAfter.com que se autotitula como el primer sitio del mundo dedicado a la educación nutricional y, por sólo U$S29,95 mensuales, nos permite acceder a una "gigantesca" recopilación de archivos, artículos y recursos diversos para el cuidado de nuestra salud, incluyendo "Los 7 secretos de la Fuente de la Juventud".¿Soy yo o este muchacho tiene cara de pillo?.
Sin preguntas |
El Rector era un hombre duro, de modales ampulosos y bigote negro y espeso. Vestía siempre de oscuro, zapatos recién lustrados, traje impecable y corbata haciendo juego, sombrero de ala ancha y bastón en las grandes ocasiones en que debía recibir a alguna personalidad importante o simplemente se sentía con ganas de mostrarse ante los demás.
Era en esos días cuando recorría el colegio en una especie de peregrinación que ponía a todos en vilo. Dentro de ese frenesí, el Rector se sentía feliz, recibía muestras de devoción y respeto en cualquier lugar que entrase y eso lo satisfacía tanto como el saberse aborrecido y temido; sabía que el terror era el mejor signo de una obediencia absoluta.
La cultura del spaghetti
continuar leyendo
FeedFlash |
FeedFlash es un "Minilector de feeds" que han encontrado en Gem@ BLOG y al que alaban por su utilidad aunque advierten que, tal vez ocupe demasiado espacio en la sidebar.Se trata de una herramienta online, un widget que puede insertarse en cualquier página web. Para que funcione, basta añadir la URL del sitio que se desea sin ningún tipo de registro. El código que nos proveen puede modificarse parcialmente para configurar los colores y el tamaño.
El sitio también permite descargar el código fuente ya sea para hospedarlo en un servidor propio como para adaptarla a necesidades específicas.
Más propiedades CSS |
En CSS hay propiedades especiales que permiten:
- recortar una parte de un elemento
- determinar qué debe hacer el navegador si el contenido de un elemento es mayor que su tamaño
- provocar que un elemento sea invisible
Por lo general, cuando colocamos un elemento (un texto, una imagen) dentro de un bloque, dimensionamos el bloque para que el elemento se mantenga dentro de los límites de ese bloque, pero, puede suceder que el contenido desborde esos límites y quede parcial o totalmente fuera de él.
Por ejemplo, esto ocurrirá si el bloque tiene definidas las propiedades width y height, y su contenido resulta demasiado grande o si utilizamos márgenes negativos o posiciones absolutas para el elemento.
Esto provoca lo que se llama un desbordamiento. La propiedad overflow nos permite controlar el comportamiento de estos elementos:
Por ejemplo, esto ocurrirá si el bloque tiene definidas las propiedades width y height, y su contenido resulta demasiado grande o si utilizamos márgenes negativos o posiciones absolutas para el elemento.
Esto provoca lo que se llama un desbordamiento. La propiedad overflow nos permite controlar el comportamiento de estos elementos:
overflow: [ visible | hidden | scroll | auto ]donde:
visible: el contenido no es recortado (es el valor por defecto)
hidden: el contenido es recortado y los usuarios no tendrán acceso al contenido recortado
scroll: el contenido es recortado y el navegador mostrará barras de desplazamiento
auto: depende del navegador, por lo general es similar a scroll
Ejemplos utilizando una imagen de 120x116 pixeles dentro de la siguiente estructura:
visible: el contenido no es recortado (es el valor por defecto)
hidden: el contenido es recortado y los usuarios no tendrán acceso al contenido recortado
scroll: el contenido es recortado y el navegador mostrará barras de desplazamiento
auto: depende del navegador, por lo general es similar a scroll
Ejemplos utilizando una imagen de 120x116 pixeles dentro de la siguiente estructura:
<div style="
border: 1px solid #BBCCDD;
width: valor; height: valor;
overflow: valor;">
<img src="URL_imagen" />
</div>
DIV sin propiedades | ||
| width: 200px; height: 150px; | ||
| En todos los casos width: 100px; height: 100px; | ||
| | |
Cuando se produce un desbordamiento y con la propiedad overflow se especificó algún tipo de recorte, la propiedad clip nos permite establecer el tamaño y la forma de ese recorte:
clip: [ rect | auto ]donde:
auto: la zona de recorte tiene el mismo tamaño y ubicación que el bloque
forma: rect(top right down left) que pueden automáticas (0), positivas o negativas
Para los establecer los valores top, right, down, left se debe considerar 0,0 al ángulo superior izquierdo del elemento, de tal manera, un valor en top "cortará" todo lo que esté por encima, uno en botoom, todo lo que esté por debajo, un valor en left todo lo que esté a la izquierda y un valor en right todo lo que esté a la derecha.
Hay dos condiciones necesarias para usar esta propiedad:
Por último, la propiedad visibility especifica si los bloques son mostrados, pero hay que tener en cuenta que, aunque el elemento sea invisible sigue afectando la composición de la página, es decir, continúa ocupando su espacio:
auto: la zona de recorte tiene el mismo tamaño y ubicación que el bloque
forma: rect(top right down left) que pueden automáticas (0), positivas o negativas
Para los establecer los valores top, right, down, left se debe considerar 0,0 al ángulo superior izquierdo del elemento, de tal manera, un valor en top "cortará" todo lo que esté por encima, uno en botoom, todo lo que esté por debajo, un valor en left todo lo que esté a la izquierda y un valor en right todo lo que esté a la derecha.
Hay dos condiciones necesarias para usar esta propiedad:
- el elemento debe ser visible (propiedad visibilty)
- la posición debe ser absoluta (propiedad position:absolute;)
Por último, la propiedad visibility especifica si los bloques son mostrados, pero hay que tener en cuenta que, aunque el elemento sea invisible sigue afectando la composición de la página, es decir, continúa ocupando su espacio:
visibility: [ visible | hidden | collapse ]donde:
visible: el elemento es visible
hidden: el elemento es invisible (transparente)
collapse: si se usa en otros elementos que no sean filas o columnas de una tabla, collapse tiene el mismo significado que hidden
visible: el elemento es visible
hidden: el elemento es invisible (transparente)
collapse: si se usa en otros elementos que no sean filas o columnas de una tabla, collapse tiene el mismo significado que hidden
