Para los que aún no conocen qué es la “Nube”, es el término que se le viene dando a la tecnología de subir cuando archivo, configuración e información queramos a Internet. cualquier persona diría: “¡Oh qué cosa más nefasta!, no desearía que todo el mundo viera mis archivos privados”; pero no es así, la nube nos da una “relativa” seguridad, esto quiere decir que en teoría (aclaro en teoría) nuestros datos estarán seguros.

En torno a la seguridad hay muchos debates, algunos dicen que es peligroso, otros dicen que es seguro. lo que sí es verdad es que cada día necesitamos sacar copias de seguridad. para eso existe Dropbox, un servicio que nos da la posibilidad de subir los archivos a Internet automáticamente, por ejemplo vos podés indicarle qué carpetas querés que el servicio le saque respaldo y cada vez que se modifica ese archivo, la copia queda almacenada en la nube, cosa que nos da la seguridad de que si hay un terremoto o simplemente te robaron el pc, pues tenés tus archivos respaldados.

Y bueno, esto nos serviría para tener almacenamiento de nuestros proyectos en vivo y en directo, ¿pero cómo?. sencillo.

Voy a partir de que uso XAMPP en Ubuntu, ustedes lo pueden hacer en Windows o hasta en MacOS.

Lo primero es instalar el XAMPP, y que esté disponible la carpeta htdocs así:

¿Cierto?, ahora procedemos a instalar el Dropbox, descargado desde la página oficial http://dropbox.com, lo instalamos con el archivo .deb (ó .exe en Windows) y listo.

Cuando nos pida que dónde va a estar la carpeta la cual vamos a trabajar, le seleccionamos la carpeta de htdocs, que está ubicada en “/opt/lampp/htdocs/” (En Windows va a estar lo más posible en “c:/xampp/htdocs/”), el dialogo para Ubuntu es algo así:

Como observamos la carpeta donde se comparte Dropbox quedará en htdocs.

Y ahora listo, cualquier proyecto que tengamos, lo guardamos en “/opt/lampp/htdocs/Dropbox/cualquierProyecto/” (En Windows “c:/xampp/htdocs/Dropbox/cualquierProyecto/”).

Y la forma de acceder desde el navegador sería:

http://localhost/Dropbox/cualquierProyecto/
y listo. solución fácil para tener respaldo a nuestros proyectos. a nivel personal digo que es genial esta opción por que he formateado mi equipo y simplemente voy, instalo Dropbox y ya.

Aquí les dejo el enlace de Dropbox para que lo instalen:

http://dropbox.com

En algunos proyectos sea personales o de oficina, necesitamos generar archivos Excel y Word desde PHP. a diferencia de formatos abiertos (los que comúnmente maneja Libre Office y otras offimáticas libres) que tienen mayor documentación, los archivos de propiedad de Microsoft son muy cerrados lo que dificulta la documentación.

Generar archivo EXCEL desde PHP

Lo primero que tenemos que entender, es que una hoja de cálculo es una tabla gigante, por lo tanto cuando vayamos a exportar, lo que exportaremos es una tabla HTML.

Una tabla de ejemplo de algunos jugadores de mi equipo del alma Millonarios FC

<h1>Tabla de asistencias Pase-gol de los jugadores de Millonarios F.C.</h1>
<table cellspacing="0" cellpadding="0">
 <tr>
 <th>Pedro Franco</th>
 <th>Wilson Carpintero</th>
 <th>&Aacute;lvaro Barros</th>
 <th>Mayer Candelo</th>
 </tr>
 <tr>
 <td>20</td>
 <td>80</td>
 <td>10</td>
 <td>34</td>
 </tr>
 <tr>
 <td>78</td>
 <td>90</td>
 <td>10</td>
 <td>02</td>
 </tr>
</table>

con esta tabla, procedemos a insertarle en la parte superior un código PHP que es el que generará el archivo de Microsoft Excel:

<?php
header('Content-type: application/vnd.ms-excel');
header("Content-Disposition: attachment; filename=nombre_del_archivo.xls");
header("Pragma: no-cache");
header("Expires: 0");
?>

Lo único que tenés que cambiarle es donde dice: “nombre_del_archivo.xls” y ya, ese es el nombre del archivo que genera.

El código final nos quedaría así:

<?
header('Content-type: application/vnd.ms-excel');
header("Content-Disposition: attachment; filename=nombre_del_archivo.xls");
header("Pragma: no-cache");
header("Expires: 0");?>

<h1>Tabla de asistencias Pase-gol de los jugadores de Millonarios F.C.</h1>

<table cellspacing="0" cellpadding="0">
 <tr>

 <th>Pedro Franco</th>
 <th>Wilson Carpintero</th>
 <th>&Aacute;lvaro Barros</th>
 <th>Mayer Candelo</th>
 </tr>
 <tr>
 <td>20</td>
 <td>80</td>
 <td>10</td>
 <td>34</td>
 </tr>
 <tr>
 <td>78</td>
 <td>90</td>
 <td>10</td>
 <td>02</td>
 </tr>
</table>

Guardás el archivo .php con el nombre que mirés adecuado, ejemplo tabla_jugadores_excel.php y lo abrís desde el la url normal, lo que te mostrará un cuadro de descarga del archivo excel que generó:

y listo , el entenderá cualquier modificación que le hagás a la tabla.

Generar archivo WORD desde PHP

Es el mismo proceso del archivo Excel, la diferencia es que acá ya no manejamos tablas (igualmente si necesitás manejar tablas las podés poner que el las formateará y las mostrará), vamos a ver un código de ejemplo:

<h1>Datos de Millonarios F.C.</h1>

<ul>
 <li>Puesto histórico: 1º</li>
 <li>Temporadas en 1ª: 73 (Todas desde el inicio del profesionalismo 1948-2011).4</li>
 <li>Temporadas en 2ª: Ninguna.</li>
 <li>Mayor goleada conseguida:</li>
 <li>En campeonatos nacionales: 8-3, contra Deportes Tolima (7 de julio de 1963).
En torneos internacionales: 6-0, contra Universidad de Chile (8 de mayo de 1960) y Espanyol de Barcelona (11 de febrero de 1953).</li>
 <li>Mayor goleada en contra:
En campeonatos nacionales: 0-6, contra Independiente Medellín (24 de julio de 1966)
En torneos internacionales: 1-5, contra Independiente de Avellaneda (7 de junio de 1964).
Gol 1.000: Marino Klinger
Gol 2.000: Óscar Villano
Gol 3.000: Juan Gilberto Funes
Gol 4.000: Néstor Villarreal
Gol 4.500: Orlando Ballesteros</li>
 <li>Mejor puesto en la liga: 1º (13 veces, en 1949, 1951, 1952, 1953, 1959, 1961, 1962, 1963, 1964, 1972, 1978, 1987 y 1988).</li>
 <li>Peor puesto en la liga: 17º (1 vez, en el 2004-II)53
Máximo goleador: Alfredo Castillo 133 goles (por Campeonato Colombiano)54
Mejor jugador de su historia: Alfredo Di Stéfano (151 goles en 172 partidos disputados del 14 de agosto de 1949 al 19 de febrero de 1953).</li>
 <li>Jugador que ganó más títulos: Francisco "Cobo" Zuluaga con 6 Campeonatos de la Primera A (1949, 1951, 1952, 1953, 1959 y 1961) y 1 Copa Colombia (1952-53).</li>
 <li>Mejor temporada: 1949, en 28 partidos, gano 22, empato 4 y solo perdió 2, marco 107 goles y tan solo le marcaron 37, para sumar 48 puntos (70 puntos de la actualidad).9</li>
 <li>Portero con mayor invicto: Otoniel Quintana, 1.024 minutos sin recibir gol (Récord en el fútbol profesional colombiano). Entre el 12 de septiembre y 14 de noviembre de 197155</li>
 <li>Mayor racha sin perder: 29 partidos en 1999 (Récord en el fútbol profesional colombiano)56</li>
</ul>

Como podemos ver, ese es un ejemplo html normal con el que vamos a trabajar, ahora le agregamos la parte php que es la que nos generará el archivo para Microsoft Word

<?
header('Content-type: application/vnd.ms-word');
header("Content-Disposition: attachment; filename=millonarios_fc.doc");
 header("Pragma: no-cache");
header("Expires: 0");
?>

Lo único que tenemos que hacer es cambiar el nombre de: millonarios_fc.doc por el que deseemos y ya.

el código quedaría así:

<?
 header('Content-type: application/vnd.ms-word');
 header("Content-Disposition: attachment; filename=archivo.doc");
 header("Pragma: no-cache");
 header("Expires: 0");

?>

<h1>Datos de Millonarios F.C.</h1>

<ul>
 <li>Puesto histórico: 1º</li>
 <li>Temporadas en 1ª: 73 (Todas desde el inicio del profesionalismo 1948-2011).4</li>
 <li>Temporadas en 2ª: Ninguna.</li>
 <li>Mayor goleada conseguida:</li>
 <li>En campeonatos nacionales: 8-3, contra Deportes Tolima (7 de julio de 1963).
 En torneos internacionales: 6-0, contra Universidad de Chile (8 de mayo de 1960) y Espanyol de Barcelona (11 de febrero de 1953).</li>
 <li>Mayor goleada en contra:
 En campeonatos nacionales: 0-6, contra Independiente Medellín (24 de julio de 1966)
 En torneos internacionales: 1-5, contra Independiente de Avellaneda (7 de junio de 1964).
 Gol 1.000: Marino Klinger
 Gol 2.000: Óscar Villano
 Gol 3.000: Juan Gilberto Funes
 Gol 4.000: Néstor Villarreal
 Gol 4.500: Orlando Ballesteros</li>
 <li>Mejor puesto en la liga: 1º (13 veces, en 1949, 1951, 1952, 1953, 1959, 1961, 1962, 1963, 1964, 1972, 1978, 1987 y 1988).</li>
 <li>Peor puesto en la liga: 17º (1 vez, en el 2004-II)53
 Máximo goleador: Alfredo Castillo 133 goles (por Campeonato Colombiano)54
 Mejor jugador de su historia: Alfredo Di Stéfano (151 goles en 172 partidos disputados del 14 de agosto de 1949 al 19 de febrero de 1953).</li>
 <li>Jugador que ganó más títulos: Francisco "Cobo" Zuluaga con 6 Campeonatos de la Primera A (1949, 1951, 1952, 1953, 1959 y 1961) y 1 Copa Colombia (1952-53).</li>
 <li>Mejor temporada: 1949, en 28 partidos, gano 22, empato 4 y solo perdió 2, marco 107 goles y tan solo le marcaron 37, para sumar 48 puntos (70 puntos de la actualidad).9</li>
 <li>Portero con mayor invicto: Otoniel Quintana, 1.024 minutos sin recibir gol (Récord en el fútbol profesional colombiano). Entre el 12 de septiembre y 14 de noviembre de 197155</li>
 <li>Mayor racha sin perder: 29 partidos en 1999 (Récord en el fútbol profesional colombiano)56</li>
 </ul>

Y listo, es así como podemos generar estos archivos de forma fácil y sin tanto rodeo. espero que les sirva, cualquier comentario abajo.

Aunque no viví el inicio del Internet, sí llegué un poquito más allá. cuando las web eran leeeeeentas, los gif’s animados eran la locura. este último comentario me recuerda a Los Simpsons y el capítulo en que Homero crea una web:

Sacado del artículo: http://bennacker.wordpress.com/2008/10/12/nuevowp/

Aún así, cuando tuve mi primer pc con internet ya existía el color… el video y otras cosas más.

¿Porqué los enlaces van subrayados?

Un día estábamos en clase de Programación 4 y el profesor nos preguntó: “¿Porqué los enlaces van subrayados?”, y uno que a veces cree tener la razón dice: “Es para diferenciar de un párrafo o de un título, bla bla bla…”. la pregunta seguía: “¿porqué los enlaces van subrayados?, si son para resaltarlos. ¿porqué no van en negrilla?”.

La explicación con la que llegó el profesor (Jimmy Campo) fue que el una vez estaba leyendo un libro de Netscape que vendieron en oferta en un negocio X de la ciudad de Popayán; en el cual hablaban de los enlaces, decía algo así:

“Cuando usted haga click en un enlace en su pantalla MONOCROMÁTICA…”

Con eso ya tenemos un punto de partida, pantalla monocromática, lo cual nos explicó que antes las pantallas eran a blanco y negro, lo cuál en navegadores de solo texto o pantallas blanco y negro (Pantallas gris claro y gris oscuro) la única forma de mostrar que una porción de texto es un enlace pues era SUBRAYÁNDOLO.

¿Cómo se deben mostrar los enlaces en una web?

Es conocido que con una instrucción en CSS podemos quitarle el subrayado a los enlaces, pero ¿realmente debemos quitarle esa propiedad?.

Personalmente no, aunque se puede hacer. Miremos Google: En la portada, la mayoría de enlaces tienen subrayado y en un color azul, el azul por defecto, ahora si no estuviera esas dos propiedades, ¿podrías ubicar cuál porción de texto es un enlace?. tal vez no…

Peor aún, si le quitáramos el ícono de “click” (La manito con un solo dedo)  no sabrías si es un enlace, la única forma sería comenzar a revisar enlace por enlace haciendo click, hasta que uno de ellos te abriera una web. algo ilógico.

Ahora imaginate el usuario con un enlace, con la manito pero sin el texto estar subrayado, lo más lógico es que comience a buscar en tooooodo el texto hasta que le salga una manito y hacerle click.

Esto tomaría más tiempo de lo común, lo que incrementa menos productividad o efectividad en tu sitio web, pero si desde el inicio dejamos marcado con un subrayado, el usuario a primera vista verá dónde está los enlaces y se ubicará.

El color es importante, lo ideal es que se mantenga el color azul en todo sitio web, pero por estética no siempre se puede mantener el azul. ¿qué tal un sitio web de fondo amarillo y enlaces azules?. es como para quemarse los ojos .

Entonces no es necesario, pero la idea es mantenerlo.

Los enlaces ya visitados la idea es que sean morados, como viene por defecto el navegador, para saber qué tanto se ha visitado en una web y qué enlaces me faltan por visitar, no sé si han notado que cuando uno abre Google y busca algo, algunos resultados ya están en morado, lo que nos indica que ya ha sido visitado y no perderé tiempo en visitarlo.

Casos en que ya se sabe que es un enlace y recomendación para menús

En algunos casos, por ejemplo en Facebook, la mayoría de enlaces no llevan subrayado, la razón es que el usuario ya sabe que es un enlace o que esa porción de texto es una acción (ejemplo: “Me Gusta”, “Comentar”, “Titulares”, etc…)  pero aún así la mayoría de los enlaces que no están subrayados están de color azul y se diferencian de los demás.

Los menús verticales y las listas por recomendación no deben ir con subrayado, por que dificulta la visualización de estos.

Hay dos estilos que se maneja mucho para enlaces que no tienen subrayado e indicarle al usuario que es un enlace:

• Que el enlace apenas se pase el ratón por encima, haga que se subraye y cuando el ratón no esté encima, vuelta a su estado natural y no esté subrayado.
• Que el enlace, apenas se pase por encima, este cambie de color de fondo e indique que ahí pasa algo, acompañado de el ícono de la manito el usuario entenderá que es un enlace.

Espero que les sirva y mejoren la estética, usabilidad y accesibilidad de sus proyectos en relación a los enlaces.

hace casi una semana, en un trabajo en mi universidad, a todo el curso nos tocó elaborar un cliente y un servidor bajo Windows para enviar mensajes y consultar en una base de datos sencilla un código. esto para entender el funcionamiento de los Sistemas Distribuidos.

Como en los sistemas Linux, mucho del software se maneja por consola sugerí que el servidor fuera hecho para consola (cdm) por que comía menos recursos y además pues podría ver resultados en tiempo real.

Vaya mi sorpresa cuando el profesor me dijo: “Eso no es viable”; traté de decirle que “En Linux manejamos muchos programas por consola, vea que yo tengo un programita en Python y coloco simplemente ‘W’ y me pongo a escuchar ‘La W Radio’ con gran sencillés”.

La pregunta de mi profesor fue: “¿y cuántos de los usuarios que vos conocés usan consola?, ¿un usuario del común usaría la consola?, ¿sería cómodo para un usuario normal usar la consola?”. Claro que las palabras textuales no fueron así jajaja, pero es como un resumen de lo que me preguntó.

Y tiene razón, así como los diseñadores aveces los sitios web los diseñan sobrecargados, los desarrolladores de software en ocasiones nos pasamos al otro punto de pensar que todos somos Geeks y que nos gusta la consola. por lo menos a mí me encanta a veces navegar en modo texto, por la sencillés, prefiero algunas veces me gusta abrir programas por consola para estar atento de los mensajes y un sin fin de ventajas.

En este momento de desarrollo y más cuando estemos aprendiendo, toca tener la mayoría de conocimientos. no quiere decir que nos dediquemos al desarrollo de interfaces o que inventemos interfaz como Metro para innovar, pero sí tener conceptos básicos de usabilidad y pensar un poco más en el usuario.

He visto muchos programas con una usabilidad espantosa pero con grandes funcionalidades, como he visto programas con usabilidad excelente pero con funciones limitadas.

El equilibro debe estar en que el usuario no tenga que aprender muchas cosas para poder manejar el software, con eso haremos que la gente no se arranque los pelos de la cabeza y mande “al carajo” todo.

Aunque suena a película Geek, no lo es… montémonos en la máquina del tiempo y devolvámonos a los tiempos no tan prehistóricos pero sí hace algunos años. ¿Listo?. en aquellos tiempos casi no existía programas para desarrollar tan avanzados, por lo tanto casi todo se trabajaba en un editor de texto sin formato ni nada (ni siquiera como “Wordpad”), al estilo del “Block de Notas”.

Y la gente era feliz… disfrutaba su trabajo, iban felices con lo que hacían. pero algo les hacía falta, su vida no era llena del todo.

Las personas tenían que desarrollar el código algo similar al del HTML para mostrar un título: “<h1>¡Hola Mundo!</h1>”, y gastaban más tiempo en esto.

Luego llegó una alternativa, una vaina con comandos y botones que permitían decir qué es un título o un párrafo y darle tamaños de letras hasta estilos de letras, algo así como un “WordPad” o un “Microsoft Word”.

Entonces repasemos, la forma de crear documentos sin botones que nos puedan ayudar con la manipulación directa del texto u objetos se llama “WYSIWYM”(“lo que ves es lo que quieres decir”, en inglés: What You See Is What You Mean), y la forma como trabaja el Microsoft Word es llamada “WYSIWYG” (en inglés, “lo que ves es lo que obtienes”, en inglés: What You See Is What You Get).

Un ejemplo de  WYSIWYM sería editar código en el Block de Notas y un ejemplo de WYSIWYG sería editar una web en Dreamweaver.

Los ejemplos de  WYSIWYG son muchos para Windows y lastimosamente para Linux son muy pocos además de que les hace falta algunas herramientas.

Yo por lo menos era adicto al Dreamweaver, pero luego te vas despegando de la interfaz gráfica y te dedicás mejor a solo texto… y son muchas las ventajas, de hecho puedo decir que me demoro menos tiempo programando en solo texto que teniendo la interfaz gráfica ahí mismo.

Hay editores WYSIWYG para la web, no sé si han visto los editores de los CMS (DRUPAL no lo trae por defecto ¬¬) o el ejemplo más sencillo de todos, los editores de Gmail y Hotmail.

Ese es el fiel ejemplo de un editor  WYSIWYG, cuando apenas entré a la web no me explicaba cómo podría existir una vaina así no entendía su funcionamiento. Está elaborado con Javascript y capas en HTML, lo cual permite editar, seleccionar y modificar cosas.

Para la web hechos en Javascript yo recomiendo estos 3 editores:

Aloha Editor

Es un editor excelente, flotante y además con una interfaz agradable, trabaja con HTML 5 y tiene documentación. me gustó mucho.

Lo malo que le veo es que le falta herramientas, más cosas para editar, igual es in gran trabajo.

http://aloha-editor.org/index.php

TinyMCE

Si a usted le gusta la marrana grande y el puerco inflado, este editor es para usted. este editor tiene de todo: Tablas, editor de imágenes, estilos, en fin… es el editor más completo de todos, pero también el más pesado… es de gran tamaño por lo cual el rendimiento de la aplicación o web puede afectar un poco, pero es muy recomendado me gusta mucho.

http://tinymce.moxiecode.com/tryit/full.php

NicEditor (Mi favorito)

Ahhh… este es el editor con el que yo quisiera casarme (?), jajaja es genial, es liviano, tiene las cosas que son básicas y que se necesitan realmente, es pequeño y fácil de integrar.

Además tiene una opción que me gusta mucho y es la de poder insertar imágenes directamente, osea el las sube por Upload a ImageShack y la inserta directamente, créanme que es de gran ayuda esa opción.

Es mi preferido cuando desarrollo alguna aplicación web.

http://nicedit.com/demos.php?demo=2

Espero que con este post puedan despejar algunas dudas, igual también está la Wikipedia que tiene mucha info. sobre esto. ¡Chao!.

Con el avance de las eras, nos damos cuenta que algunas cosas cambian drásticamente. Antes nos comunicabamos por medio de cartas y de hecho mensajes de boca a boca, pero el objetivo persiste que es la comunicación, así varíe el medio por defecto.

En cuestión de lectura hay mucho tema del cual hablar, por que es el pilar del conocimiento actual (Hasta que desarrollen un sistema para aprender por medio de ondas cerebrales) seguirá siendo el mismo: “Leer y leer y leer”. Por lo tanto el medio por el cual se almacena esta cantidad de letras no debe ser un problema para el objetivo que es aprender.

Por eso, cada día toma más fuerza los E-BOOKS (Libros virtuales), donde no es necesario tener el libro físicamente para poder leerlo, lo cual nos abre una ventana a leer estos libros en aparatos diseñados para esto, como lo son los lectores de libros.

La ventaja de estos aparatos es que también se incluye soporte para leer periódicos en la comodidad de su casa, llegandole diariamente a su dispositivo la versión matutina de su diario favorito.

A continuación les mostraré una forma de tener las noticias de El Tiempo .com (Diario colombiano de noticias) en su Kindle.

ACLARACIÓN: Este método no proporciona la versión para Kindle oficial de El Tiempo, simplemente captura las noticias del RSS y las convierte en un formato para leer en el dispositivo Kindle, lo cual no es ilegal por que no se cambia los autores ni compite con la versión física u Oficial de Kindle de El Tiempo.

Lo primero que tienen que hacer es instalar el programa: “Calibre” desde el sitio http://calibre-ebook.com/, hay versiones para Mac, Linux y Windows.

Voy a omitir los pasos de instalación por que no son tan complicados, suponiendo que ya tienen instalado el Calibre:

Listo, ahora lo que tenemos que hacer es seleccionar la flechita que está al lado de el botón que tiene una N y una figura de color Naranja:

Y le damos click en Añadir una nueva fuente de noticias

Ahora lo que tenemos que hacer es darle click en el botón “Cambiar a modo avanzado”, borrar el código que está ahí y pegar el siguiente código:

__license__ = ‘GPL v3′
__author__ = ‘Andres Lara’
__copyright__ = ’2011 andreslara501@gmail.com’
description = ‘Diario Colombiano de circulación nacional’

class AdvancedUserRecipe1297015890(BasicNewsRecipe):
title = u’El Tiempo’
publisher = u’Editorial: El Tiempo’
category = ‘News, politics, culture, economy, general interest, noticias, politica, cultura, economia, interes general’
oldest_article = 2
max_articles_per_feed = 10

feeds = [
(u'Titulares de portada', u'http://feeds.eltiempo.com/eltiempo/titulares'),
(u'Colombia', u'http://eltiempo.com/colombia/rss.xml'),
(u'Deportes', u'http://eltiempo.com/deportes/rss.xml'),
(u'Futbol', u'http://eltiempo.com/deportes/futbol/rss.xml'),
(u'Economia', u'http://eltiempo.com/economia/rss.xml'),
(u'Entretenimiento', u'http://eltiempo.com/entretenimiento/rss.xml'),
(u'Mundo', u'http://eltiempo.com/mundo/rss.xml'),
(u'Tecnologia', u'http://eltiempo.com/tecnologia/rss.xml'),
(u'Vida de hoy', u'http://eltiempo.com/vida-de-hoy/rss.xml'),
]
def get_cover_url(self):
return ‘http://www.eltiempo.com/media/images/versionimpresa.jpg’

Y lo más importante, darle click en el botón: “Añadir / Actualizar receta”, si les dice que ya existe una receta con ese nombre, le dicen que sí que reemplace.

Ahora sí, vuelven a la ventana principal, le dan click ahora en el mismo botón que dijimos, pero esta vez no en la flecha, sino en el botón general:

Que nos abrirá una ventana llamada “Descargar Noticias Planificadas”, en la cual pondremos en el buscador: “El Tiempo” y nos aparecerá como opción la que nosotros creamos,

La seleccionamos y de una vez podemos programar si queremos que automáticamente se descarguen las noticias o con el botón “Descargar Ahora” él nos descargará inmediatamente la versión de la noticia al día de hoy.

Hay 3 cosas a recordar, la primera que para que se descargue automáticamente “Calibre”  tiene que estar ejecutándose, sino no funciona. la segunda es que en algunos casos puede demorar un poco, y la tercera que apenas se conecte el Kindle y Calibre se esté ejecutando, el almacenará inmediatamente el archivo en el Kindle. una sugerencia que yo hago es para tenerlo todos los días, es bueno enviarlo por Mail y mejor descargarlo desde el Kindle, eso se puede hacer.

Espero que lo disfruten, chao.

Hoy vamos a mirar cómo cambiar el archivo de estilo (.css) de una web por medio de Javascript.

Esto puede servir en el momento digamos que hagas una aplicación web y necesites cambiarle el tema o si necesitas que una web se vea distinta con otro tipo de archivo Css.

Primero veamos el código:

index.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”es-ES” lang=”es-ES”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>P&aacute;gina web de Pedrito P&eacute;rez</title>
<link href=”archivoCss1.css” id=”cssArchivo” rel=”stylesheet” type=”text/css” />
<script src=”javascript.js” type=”text/javascript”></script>
</head>
<body>
<h1>Esta es mi web, me alegro que est&eacute;s aqu&iacute; </h1>
<img src=”ajaxFoto.jpg” alt=”Imagen de Css + Ajax = Otro Css”>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nisl nibh, egestas at ullamcorper interdum, consequat et metus. Vestibulum mattis est non dolor pharetra vel faucibus augue interdum. Ut ac nibh vitae odio ornare volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium pretium orci at tempor. Ut convallis sagittis facilisis. In hac habitasse platea dictumst. Pellentesque rhoncus sapien vitae massa consequat consectetur. Praesent auctor fermentum arcu in accumsan. Cras vel tortor elit, ac viverra massa. Curabitur quis ipsum nulla. Etiam iaculis leo mi, et porttitor est. Mauris ornare rutrum velit, sit amet blandit ante semper nec. Proin bibendum neque sed quam ornare nec vulputate ligula pharetra. Curabitur porttitor orci rutrum nulla feugiat vehicula. Integer ante ante, interdum ut luctus ut, faucibus sed ligula. Donec eu purus sed sapien adipiscing sollicitudin blandit eu eros.</p>
<a href=”#” onclick=”cambiarArchivoCss(‘archivoCss1.css’);” title=”Cambiar a estilo 1″>Cambiar a estilo 1</a><br/>
<a href=”#” onclick=”cambiarArchivoCss(‘archivoCss2.css’);” title=”Cambiar a estilo 2″>Cambiar a estilo 2</a><br/>
<a href=”#” onclick=”cambiarArchivoCss(‘archivoCss3.css’);” title=”Cambiar a estilo 3″>Cambiar a estilo 3</a><br/>
</body>
</html>

Si vemos, con el código llamamos a un archivo “Javascript”, el cual contiene la función que necesitamos llamada “cambiarArchivoCss”.

<script src=”javascript.js” type=”text/javascript”></script>

Ahora miramos cómo llamamos a el archivo Css:

<link href=”archivoCss1.css” id=”cssArchivo” rel=”stylesheet” type=”text/css” />

Si analizamos, a esta etiqueta la llamé “cssArchivo”, es para después usar la función.

javascript.js

function cambiarArchivoCss(archivo) {
document.getElementById(‘cssArchivo’).href=archivo;
}

archivoCss1.css

body{
font-family: Arial, ‘Lucida Sans Unicode’, Helvetica, sans-serif;
}
h1{
color:#496200;
}
p{
color:#000;
}
img{
border:3px solid red;
}

archivoCss2.css

body{
font-family: ‘Lucida Sans Unicode’, Helvetica, sans-serif;
background:#FF9900;
}
h1{
color:#FFF;
}
p{
color:#000;
}
img{
border:10px outset yellow;
}

archivoCss3.css

body{
font-family: Georgia;
background:#CCCCCC;
}
h1{
color:#333;
}
p{
color:#333;
}
img{
border:4px double blue;
}

Y Listo, a continuación les dejo los enlaces para que vean el Demo o también descarguen el código:

Demo

Descargar código

Con la fiebre de las redes sociales, como pasó hace tiempos con los sitios web. Donde todas las empresas querían tener su sitio así solo se dedicaran a vender empanadas en la calle (Microempresa, Pymes), se ha creado la moda de que todas las empresas tengan una cuenta de Twitter.

Y esto es genial, entre más canales de comunicación se tenga para brindar información mucho mejor. sabiendo que es tan fácil crear una nueva cuenta y ya.

La verdad no soy Social Media Manager, pero hay un punto básico que nadie le pone atención,  los seguidores o “Followers” que llaman. Son esas personas que siguen nuestra cuenta en Twitter y están al tanto de lo que nosotros escribimos (Por lo general pendejadas); Empresas grandes tienen en su cuenta muchos seguidores, por ejemplo 30.000 (Por poquito) y tan solo siguen a unas 30 cuentas de twitter.

Para mí, es algo grosero por que de todas formas al tener un medio de comunicación tan pegado al usuario, como mínimo debería seguir al 97%, suponiendo que el 3% son Bots (Cuentas de Twitter que son manejadas por una máquina).

Teniendo en cuenta que si a uno no lo siguen, uno no puede mandar mensajes directos o privados, algo que es un error fatal, por que yo no me voy a entrar en el sitio web de la empresa a la cual yo sigo, buscar su correo, abrir Gmail y escribirles. Además que uno se siente más a gusto cuando sabe que la empresa que uno adora elige lo tiene en cuenta, y no cualquier pendejo que está en Twitter.

La escusa más sencilla sería decir que “Solo nos importa leer a unos cuantos”, la respuesta más común sería: “¿y por qué no se abren una cuenta aparte y ya?”. Creo que ahí fallan las empresas y se convierten en lo que la mayoría de Twitteros alabamos odiamos que son las Tweetstar (Persona egocéntrica que solo le responde por Twitter a las twitteras o twitteros de apariencia agradable o importantes y siguen a menos de la mitad de sus followers por lo general).

Feliz navidad para todos.

Es duro despedir al software que se van al cementerio de  los programas viejos y olvidados, de hecho creo que hace poco tiempo tuvimos que darle el último adiós a Limewire, que hombre nos acompañó en tantas descargas de música ilegal y que dejó ese vacío en nuestro corazón, que por ahora ningún software no lo llenará.

Recuerdo… por allá en el 99 que se comenzó a popularizar el internet y las vainas hechas en Java, por ejemplo el chat de Latinchat que fue famoso en su tiempo,  juegos, animaciones y un sin fin de cosas que nos permitían disfrutar del “Multimedia” que tanto se hablaba en ese entonces.

Luego por lo pesado que era el Java en ese tiempo, se comenzó a utilizar la tecnología “Flash”, una vaina ahí que reproducía películas (Huevos borrachos y cosas así) y un Plug-in adicional llamado “Shockwave” que permitía ejecutar juegos sobre la web de una forma fácil y un poco más liviana que Java.

Comenzó a pasar el tiempo… la facilidad con la que se podía desarrollar cosas en Flash pues permitió que se fuera desplazando a Java de su lugar. Y se comenzó a popularizar el Flash, cosa que hasta cierto punto era bueno… por que se podían insertan animaciones en temas para CMS, intros de webs, juegos y cosas así.

Pero como todo… algo malo tiene y llegaron las webs totalmente hechas en flash… ¡NO ES MENTIRAS!, una vez una web en Flash tardó 5 minutos en cargar, por que hasta el texto de los créditos tenía animación, una vaina hermosa pero espantosa para lo que yo buscaba.

Y así se popularizó, la escusa era que ya la gente tenía mayor velocidad en sus conexiones (128) y que las pc eran más potentes, que al cliente le gusta es que el logo se mueva… Cosas así.

Un tiempo después, los magos de Flash, desarrollaron herramientas para trabajar con Video y los de Adobe desarrollaron un Codec para poder transmitir video por internet. ¡OBVIO!, esto fue la locura por que ya la gente podría crear los sitios con un reproductor de video (no como antes que se usaba el Windows Media o el famosisimo “Real Player” que en algunas emisoras aún dicen “Rial Player o Rial Audio”). Luego salió el adorado sitio de videos Youtube y otros más que usaban esta nueva opción.

Ahí yo creo que fue el climax, el punto máximo de placer, la punta de la montaña y Adobe feliz con todo esto, por que como mínimo el usuario promedio le gusta jugar en internet  o ver videos, para lo cual necesitaba tener instalado Flash.

Todo era felicidad en la empresa creadora de Photoshop, pero llegó el día que comenzó a sonar el HTML 5 y la web 3.0.

El HTML 5 llegó con nuevas propuestas como video sin necesidad de un plug-in adicional para el navegador o el ya famoso Canvas. por el otro lado la Web 3.0 ya comienza a solicitar mejores motores de Javascript para sus aplicaciones y webs más accesibles, lo que por más que los desarrolladores de webs en Flash quieran hacer jamás van a ser tan accesibles como un sitio hecho en HTML.

Así que el Flash ahora se ve amenazado y para mí ya murió, es lógico que quedará como un plug-in adicional en el cual se puedan reproducir cosas y alguna que otra aplicación, pero las velocidades actuales de los motores JS de los navegadores es increible y nos demuestra que junto al SVG y el Canvas el Javascript ya es el rey de esta vaina. de hecho Adobe ya está desarrollando una tecnología que permite exportar no a SWF (El formato de flash), sino a HTML5. aquí les pongo el video:

Sumado a que ya GrooveShark da soporte con una interfaz sin flash y que Youtube ya reproduce video sin necesidad del plug-in, que el Ipad no soporta Flash.

Hay que aclarar que aún el HTML5 está en desarrollo para su estándar y que falta algunos años (yo calculo que 2) para que se comience a implementar en masa, ademas que todavía se esta peleando por cual estándar de video va a ser el default, así que esperemos. Que tengan un buen inicio de semana.

Ahhh, antes de irme, escuchen mi primer Podcast, que es este artículo resumido. YO SÉ QUE NO ES EL MEJOR. pero es un intento, el tartamudeo y otros defectos están presentes pido excusas desde ya.

http://andreslara501.podomatic.com/