24 jun 2010

RIOT: imágenes ligeras cual gas noble

thumb_riot
RIOT es perfecto para optimizar imágenes web.

¿Hay algo más molesto que te envíen una imagen por MSN (yo uso pidgin/empathy, ya hablaré de él) llamada IMG_1280.jpg y que pese 2 megas? Y es molesto porque normalmente el patán/a que la manda tiene una penosa conexión que se corta a la mitad.

También hay gente que cuelga cada imagen en las páginas webs que da pena verlo, que si un mega de fontod, que si un botón de 100k, en fin, que los tentáculos de la ineptitud patana se extienden allende windows.

El "Save for web and devices de photohop" está bastante bien, su réplica en gimp "save for web" es algo peor, pero prefiero RIOT a estas opciones pues consigues mejores resultados de optimización y sobretodo el proceso por lotes (muchas imágenes de golpe) es sencillo y realmente eficiente.

Radical Image Optimization Tool (RIOT) puede ser descargado como plugin de GIMP (no lo aconsejo) o como aplicación portable (standalone), ya sabéis, no hace falta instalarla: descargar, descomprimir y ejecutar.



Especialmente recomendado para desarrolladores web

22 jun 2010

5 conceptos para un novato en ubuntu

masilla
Unos cuantos masillas de ubuntu sin saber cómo instalar el Flash
(no os perdáis este enlace con la entrevista a un masilla)


He creado mis propios masillas de Ubuntu y como son muy torpes me siguen a todas partes preguntándome como es esto o cómo es aquello.


Después de nuestra introducción al universo linux os hago esta segunda parte donde os explico cosas tontas que cuesta aprender si alguien no te lleva de la mano:



  1. Live-cd

  2. Instalar un programa

  3. Terminal  (comandos)

  4. Paquete debian

  5. Drivers, instalar dispositivos



1. Live-CD/DVD/USB


linux-wallpaper-50
El verdadero comunismo no está ya en Cuba.


Linux es gratis (hablando mal y pronto) así que te puedes bajar una imagen ISO de un disco y grabarla en un CD, un DVD o una unidad USB. Para aquellos retrasados que no sepan que es una imagen ISO es un archivo que contiene dentro la información entera de un disco.


En el caso de las ISO de Linux guardan información de arranque de ordenador por lo que no basta con descomprimir los ficheros y meterlos dentro de un CD. Abres un programa (windows 7 lo hace con el btn derecho del ratón) de grabación de discos, abres el archivo ISO y a grabar.


El Live-CD de ubuntu es realmente bueno, puedes experimentar con él bajo windows, pero lo que lo convierte en "Live" es que puedes arrancar con el disco (o USB) y ver cómo quedaría una instalación de Linux en tu ordenador sin alterar nada el equipo (no tocas windows, ni los archivos ni nada).


Esto es epecialmente útil cuando un virus te ha destruido windows y quieres salvar los restos del naufragio, o cuando quieres redimensionar particiones, copiar datos o navegar por internet en un equipo que no es tuyo.


Una cosa importante, todos los cambios que hagas en el Live-cd (instalaciones de programas, cosas guardadas en mis documentos, historial del navegador, etc) desaparecerán al reiniciar sin el disco.


Si te gusta lo que ves puedes instalarlo pulsando en el icono de instalar, es altamente recomendable hacerlo con conexión a internet, puesto que detecta tu localización, tu idioma y las actualizaciones y te las va descargando/instalando sobre la marcha.


tecnologiablog_lucid_lynx_ubuntu1004


Este es el aspecto del último Ubuntu (hasta la fecha)


Si quieres tener una guía paso a paso de cómo instalar ubuntu y dejarlo a punto no os perdáis esta página.


2. Instalar una Aplicación (o un juego)


Sabrás que un patán es rematadamente estúpido cuando dice que Ubuntu es más difícil que Windows. Eso es rematadamente mentira, si bien es cierto que algunos programas no existen para Ubuntu hay emuladores que nos permitirán utilizar cualquier cosa imprescindible.


En windows buscas un programa en internet, encuentras la página, lo descargas, luego le das a instalar y después ya lo tienes instalado, en Ubuntu es más sencillo: Vas a "Sistema/Administración/Gestor de paquetes synaptic" le das a buscar y marcas la casilla del programa, luego pulsas aplicar y ya lo tienes en el equipo.


Ubuntu tiene unas listas con los programas disponibles, gratuitos y completamente legales, a estas listas se les llama repositorios. Y puedes añadir más (con otros programas) en el mismo sysnaptic.


La mayoría de los submentales que empiezan con Linux ponen cosas como "Photoshop", "Microsoft Office", etc... Vamos a ver esos no son programas de Linux, así que cuando necesitéis algo parecido escribid: "Equivalente Photoshop Ubuntu".


thumb_inkscape-0.47-photorealism
Un pantallazo del InkScape (el freehand open)


Aquí os dejo una lista de las cosas que echo en falta de una instalación fresca de Ubuntu (para poner en synaptic) (viene con grabador de cds, openOffice, etc):



  1. VLC: pasando de codecs de video, con esto te desentiendes.

  2. Gimp: El photoshop de Ubuntu.

  3. Flash Player: Sin él no verás muchas cosas de la web

  4. rar: para los archivos comprimidos.

  5. Wine: emulador de windows para esas aplicaciones que no existen en Ubuntu (como spotify o notepad++)

  6. Bluefish: para programar.

  7. jre: máquina virtual de java (para el instalar cosas como el Jdownloader)

  8. inkscape: Como el Ilustrator/Freehand

  9. Codec mp3: para reproducir los archivos

  10. Navegador Google Chrome: chromium para los amigos.

  11. aircrack: utilidades para crackear una wifi.

Mensaje para Duque o cualquier tuxero que quiera ayudar, a ver si podemos "cocinar" una Live-dvd / USB con estos programas. Yo he probado con el remastersys y no me terminan de arrancar las imágenes.

3. Terminal


Una terminal es como la famosa ventana de MS-DOS de windows, es fea, asusta a los patanes y, lamentablemente, muchas veces es imprescindible usarla. Cuando Ubuntu prescinda 100% de estos comandos tendrá mayor cuota de mercado.


Se encuentra en "Aplicaciones/accesorios/terminal", y cuando busquéis ayuda en internet veréis que vienen comandos como "sudo tal" "sudo cual" esto es para ejecutar comandos como administrador así que cuando lo hagáis (copiando y pegando, casi siempre) que sea de un sitio de confianza.


4. Paquetes debian


debian_orange_by_monkeymagico
Debian es la distribución en la que se basa Ubuntu, y esta espiral es su símbolo

Cuando un programa no viene en Synaptic pero tiene una versión para linux hay varías formas de bajarlo/instalarlo, como esta página está orientada a patanes sólo diré que lo busquéis en paquete debian, que es como un instalador de windows, bajar y doble click y a instalar.


5. Drivers (controladores)


Ubuntu es buenísimo para esto. Si tienes conexión a internet, conecta el dispositivo y se instala/configura solo. Funciona con impresoras, webcams, joysticks, modems USB, scanners, etc...


Si no te funciona la wifi conecta tu ordenador por cable de red al router, así el mismo te bajará los drivers y los instalará.


Existen unos drivers (controladores) que son privativos, es decir los hijos de p*** de la empresa no quieren que puedas abrir el capó del driver y, aunque te los puedes instalar sin problemas, no funcionan tan punteros como lo harían con controladores nativos.


Los ejemplos de maldad en estos asuntos son NVIDIA y ATI frente a otras empresas cómo HP que tienen una buena relación con Linux.


Seguro que me dejo un millón de cosas por responder, pero para eso están los post pues no hay plan a prueba de imbéciles.

16 jun 2010

Favoritos con etiquetas, sólo en firefox

La mayoría de la gente me pregunta si me he pasado ya ha Chrome del todo. Y hay dos razones por la que siempre respondo que no:



  1. Las herramientas de desarrollo siguen siendo mucho mejores las de Firefox

  2. No puedo pasar sin el sistema de favoritos por etiquetas.


A mucha gente que le explico como funciona este sistema le parece una tontería pero los que me hacen caso (los pocos sensatos) y lo usan se dan cuenta que ahorran mucho tiempo.


Guardar tus marcadores en carpetas con varios niveles hace que tardes en encontrar un marcador bastante tiempo, eso unido a que muchas veces no sabrás en que carpeta lo habrás dejado.


Os he dejado/hecho este tutorial (con wink)que hasta un mono con un lapiz en la boca podría seguir. Espero que os sirva y que lo uséis.










 

10 jun 2010

Ubuntu, el Linux amigo de los niños








Cuanta razón tienes Sheldon Cooper (The big bang Theory)


Si cuando oyes Linux te da miedo es que sigues siendo un patán del 15. Hace muy poco le he instalado Ubuntu a 3 amigos y están más felices que unas pascuas. Según sus propias palabras: Es como tener un ordenador nuevo: no se cuelga, vá más rápido y no necesita antivirus.


¿Que es Ubuntu? es una distribución de Linux. Para hacer una analogía rápida  Ubuntu es a Linux lo que Windows a Microsoft. Es una mala analogía porque Linux no es una empresa, es una tecnología de software libre.


Hablando en idioma patán Linux sería una base mínima de sistema operativo de código abierto y desde ahí diferentes proyectos hacen diferentes versiones llamadas distribuciones. Cualquiera con conocimientos de programaciónm puede coger el nucleo (kernel) de linux y montar encima su sistema operativo, así que  hay muchos distribuciones de Linux con diferentes enfoques: Red Hat, Mandriva, Debian, Yellow Dog, Mandrake, Wifislax...Ubuntu quiere ser la versión más amigable y fácil de instalar que hay.


Lo bueno de estos sistemas operativos es que están obligados a ser abiertos. ¿Que significa esto? Pues imagina que Microsoft te vende un coche y cuando vas a abrir el capó para ver el motor no puedes (pese a haber pagado por él), pero es que cuando vas a ver cómo funciona la radio tampoco puedes abrirla. Esta cerrado, sin embargo, por licencia, Linux obliga a hacerlo todo código abierto y gratuito. De esa manera los desarrolladores Linux entran en el motor y lo tunean, o hace una aplicación que luego completan 10 programadores más y nos beneficiamos todos de dichos desarrollo. Esta filosofía del "Open source" se está intentado portar a las farmacéuticas, a las industrias y sus herramientas, etc. Por que, sin ponernos metafísicos, el Karma (haz el bien/mal y recibirás bienes/males) puede ser muy productivo en la vida real.


sistemas-operativos-fanboys
Me identifico con la última fila en todo (vía microsiervos)


Así como hay diferentes versiones de Windows (3.1,95,98,NT, XP,Vista,7) hay diferentes versiones de Ubuntu: 7.4,8.10,9.4,10.4... Dichas versiones de Ubuntu reciben su número del año y mes (siempre ha sido en Abril y Octubre) en el que han salido y posteriormente se les añade un nombre en código de un animal con un adjetivo. Así el último Ubuntu sacado este año (a la hora de escribir este post el de Abril del 2010) es el 10.04 Lucyd Linx (Lince Lúcido) y el anterior es el 9.10 Karmic Koala (Koala Kármico).


Así como existen diferentes "sabores" de Windows 7/Vista (home, professional, ultimate) también lo existen de Ubuntu: Edubuntu (para educación),  Ubuntu Studio (para sonido y multimedia), Kubuntu (otro tipo de escritorio, KDE), Lubuntu y Netbook Remix (para ordenadores modestos tipo netbooks).









Aquí tenéis una demo de lo que será el nuevo escritorio (Gnome 3) de Ubuntu en el futuro


En un futuro escribiré lo que son las claves del paso de Windows a Ubuntu para patanes, 10 reglas que deberías saber. Pero por hoy espero haberte aclarado algunas cosas y empieces a considerar la posibilidad de pasarte al lado luminoso de la fuerza.


 

6 jun 2010

IE9.js y IE tester, la eterna condena

thumb_ie8milk
Anuncio de Microsoft diciendo que IE6 es como leche podrida
(Pulsa la imagen para ampliar)


IE6 es el probablemente el programa que más odio de todos los habidos y por haber. El IE6 no coge imágenes con transparencia como sus hermanos mayores, no usa selectores css 2.1 (superútiles para no tener que estar reescribiendo código continuamente), malinterpreta los standares web y es en general una pesadilla.


Para que os hagáis una idea yo maqueto páginas web, y el 65% del tiempo que uso maquetando se lo lleva internet explorer (si, también el IE7, y el 8, a ver si sacan el legendario 9). Si un día voy a vuestra casa y lo usáis os escupiré a la cara. Usad Chrome o Firefox y tengamos la fiesta en paz.


Mientras muchas las empresas medianas/pequeñas siguen diciendo que hay que ofrecer compatibilidad a esta mierda con 10 años de antigüedad, Google, Microsoft y Apple empiezan a cerrar sus puertas al viejo IE6 con carteles de "puede ser que veas bien la página, cambiar de navegador patán". Así sigue esta condena desarrollador/patán como cliente.


Para los desarrolladores aconsejo usar los comentarios condicionales (que sólo leera IE) y pongan esto para que puedan usar selectores css 3, 2.1 en IE y PNG transparentes (sin repetición y sin posicionamiento como fondo) en IE6.


<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->


Seguramente necesiten esto también para hacer cosas específicas para IE6 (la hoja de estilo ie6.css la tendréis que hacer vosotros a vuestro gusto)


<!--[if lt IE 7]>
<link rel="stylesheet" href="ie6.css" type="text/css" />
<![endif]-->


Y luego llega la hora de probar, el IE6 standalone ya no va en Windows 7, no puedes depender de los pantallazos de páginas online para ver los comportamientos, así que usad el "IE tester", un programa que te emula varios IE antiguos de forma decente (que no perfecta).


ietester


 


 


 

Google font directory, para que no uses más la comic Sans


google web fonts

Cuando uno diseña para páginas web suele utilizar unas fuentes realmente repetitivas, que si Arial, que si Verdana, Courier, Comic, Georgia y para los muy aventureros (sólo vienen en windows) la Trebuchet MS, Franklin, etc.


Google, esa empresa de la que estoy profundamente prendado, ha puesto a disposición de los usuarios un repositorio de fuentes que puedes linkar en tu página web poniendo un simple código como este:


<link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>


Para ello, nos vamos al google font directory elegimos una de las docena de fuentes que hay en el  listado, luego pulsamos en la variación que nos gusta y le damos a "get the code", metemos un código como el de arriba en nuestra web y le decimos que use dicha fuente del tal que así:


h1 { font-family: 'IM Fell DW Pica', arial, serif; }


Funciona en todos los navegadores (incluso en los móviles como ópera, safari o chromium de android):


 


Probad con este texto con IM FELL pica


 

2 jun 2010

Webm, google se enmienda


Hace un tiempo os comenté la situación en el futuro del video en internet, y de cómo Google estaba jugando (institucionalizando el h264 en youtube) sucio para vampirizarle usuarios a firefox.


Bueno, pues me han hecho un señor ZETOB. Hace poco en una conferencia Google han liberado un codec que, segun se rumorea, es mejor que el h264 (Apple tm).


Esto sólo podría hacerlo Google, se gasta el pastizal de 127 millones de dólares comprando la empresa On2 que tiene el codec de video propietario VP8, y luego lo libera (gratis) para su uso y desarrollo (lo cogerá opera, firefox, chrome e IE, seguro que safari al final pasa por el aro).


Ya están comprimiendo todos los videos de youtube e incluso te puedes descargar una versión de Firefox, Opera con soporte de WebM.


Para ver algún video tiene que poner youtube.com/html5 y activarlo y lo verás a la perfección.


Por cierto, que esto convierte en quasi inutil mi conversor a video OGG, pero todo sea por una web libre y sostenible.


 

1 jun 2010

Lucasart presenta Lost

thumb_normal_lost_3
Me encantan las frases de repetición "háblame de nuevo sobre la iniciativa Dharma"


Si, llevo un tiempo perdido con el nuevo curro y no he tenido mucho tiempo para escribir para mis patanes preferidos. Una de las muchísimas cosas que han pasado en el mundo es el final de Lost (Perdidos, para todos aquellos anglófobos).


Soy un loco de las series pero se puede decir que con Lost comenzó la gran descarga de capítulos de series desde internet (yo ya estaba enganchado a urgencias por aquel entonces). Lost era una serie casi perfecta en sus primeras dos temporadas, esta ha sido mi actitud ante un nuevo episodio de esta serie por temporadas



  1. Que guay ¿como podría mejorar esta serie?

  2. Dios, no puedo aguantar hasta la semana que viene para un nuevo episodio

  3. Bueno, algunos episodios son una tontería, pero Lost es Lost y algunos episodios son lo más.

  4. A ver si recuperan el estilo de las primeras temporadas porque esto pinta mal.

  5. ¿Quien es el payaso que vino con la idea de los saltos en el tiempo? Que tostón de episodios ya solo rezo para que el episodio sea mediocre y no una completa pérdida de tiempo.

  6. Ya sólo me queda el último zurullo que tragarme. Los personajes hacen cualquier cosa para que la historia avance (literalmente se tiran la mitad del tiempo andando desde la playa al templo, del templo al avión, del avión al barco, del barco al submarino y venga a andar...) y las explicaciones son simple, y llanamente una verdadera mierda.


No hablaré del final porque me parece una pérdida de tiempo sin sentido, algo que no han sabido resolver y ahora actuan como si fuese profundo.


Me gustaría decir lo que si me hubiese gustado que fuese Lost, me hubiese gustado que fuese un sitio donde los deseos se cumplen (como en la peli Esfera o Forbidden Planet ,subraya para ver la info de dentro). De hecho esto tenía sentido, Charlie quería droga o una guitarra y literalmente caía del cielo, Hugo comida, Jack ver a su padre, Locke lo más obvio,  Kate el avioncito, Walter el oso polar, Jin el reloj, etc... Lo único que ocurría era que los que llegaron no tenían sus deseos y vida en orden y provocaban problemas. En fin, cualquier explicación habría sido mejor que lo que han hecho.


No enumeraré las cosas que han quedado sin resolver y que si son resueltas serán tan absurdas como el título del nombre del grupo de facebook "La isla son los padres".


Os adjunto imágenes de algo que me ha hecho gracia de vidaextra y me ha hecho decidirme por colgarlo en nomaspatanes. ¿Como sería si LucasArt hubiese creado una aventura gráfica de Lost en los 80? Pues justamente así:


ver la galería en vidaextra


thumb_normal_lost_1thumb_normal_lost_2