25 may 2012

css3 calc y caniuse.com

"Yo he comido ratas en el desierto" bueno no, pero si que he aprendido CSS por las bravas, cometiendo muchos errores, porque cuando yo empecé apenas había web especializadas, y nadie de mi entorno tenía la menor idea.

Bueno, pues por aquel entonces eché mucho de menos un atributo CSS3 nuevo llamado "Calc" que lamentablemente sólo soporta el 37% de los navegadores.

¿Que es calc? pues puedes hacer cálculos simples en css ¿alguna vez queríais poner el ancho del 80% y que el margin, padding y border se quite de ahí? Yo muchas veces (normalmente le añadía uno o dos divs para tener estas cosas pero así es mejor).

Pues imagina esto


#cuerpo {
margin:0 10px;
padding:0 15px;
border-left:1px red solid;
border-right:1px red solid;

width:calc(80% -2*10px - 2*15px -2px)
-moz-width:calc(80% -2*10px - 2*15px -2px)
-webkit-width:calc(80% -2*10px - 2*15px -2px)
-o-width:calc(80% -2*10px - 2*15px -2px)

}


si, los prefijos son un rollo ¿puedo usar Calc? pues me he dado cuenta de que en realidad no.
Gracias a mi recién descubierta página web caniuse.com (puedousar.com en español) te mide quien soporta estas características.
http://caniuse.com/calc (32%)
http://caniuse.com/svg (imágenes svg) (73%)

Herramientas muy útiles ambas espero que os sirvan.

24 may 2012

Si hubiera un CSS4 sería cómo Less (o sass)


¿Llevas tiempo haciendo CSS? ¿te resulta sencillo pero bastante coñazo? ¿CSS3 se te queda corto?
Pues tranquilo llegan las librerías para hacer que el CSS sea más rápido y sencillo de escribir. Y no hay que esperar a que la W3C de su visto bueno.

Hay muchas librerías que hacen esto en la actualidad, están intentando convertirse en un standard, como el jquery para javascript, pues esto para CSS.
Las más famosas son LESS ("menos"), SASS ("hablar con descaro" ¿?) y Stylus. Pero la batalla final parece que se está debatiendo entre LESS y SASS.

¿Cómo funcionan? son programitas que leen sus archivos (.less y .scss respectivamente) y te devuelven el CSS de toda la vida de dios que puedes adjuntar a tu página web.

Aunque algunos dicen que SASS esta un poquito mejor hecho yo me voy con LESS ¿Por qué?
Para probar LESS es tan fácil como incluir estas líneas en el head tu HTML,  y si te gusta te instalas lessPHP para que el usuario no cargue la libería.

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
Para probar SASS es un follón, tienes que instalar ruby, dentro sass, compass también...

Siempre digo que el CSS es un lenguaje interpretado pero no de programación (aunque con las animaciones uno ya no sabe...) con estas herramientas ya no está tan claro.
Ejemplos de uso
Imaginad que tenemos un color principal (#e5c138 en este caso) que vamos a usar en la página en diferentes formas y muchas veces:


p {
background:#e5c138;
}
a {
color:#e5c138;
background:#cccc;
}
h2 {
border:1px #e5c138 solid;
}
De esta forma tenemos que recordar el color continuamente y si queremos cambiarlo en toda la página hay que hacerlo 200 millones de veces.
Bien, pues con Less se usaría una variable


@colorPrincipal: #e5c138;


p {
background: @colorPrincipal;
}
a {
color:@colorPrincipal;
background:#cccc;
}
h2 {
border:1px @colorPrincipal; solid;
}


Si quisiéramos cambiar el color principal sólo tendríamos que poner "@colorPrincipal: #fffaaa;" y cambiaría en toda la página.

Mirad este anidamiento, en CSS repetimos #header mil veces

#header { font-family:arial, verdana, sans-serif; }
#header h1 {
     font-size:26px;
     font-weight:bold;
}
#header p { font-size:12px; }
#header p a { text-decoration:none; }
#header p a:hover { border-width:1px; }
En el .less queda más claro y sin tanta repetición:

#header {
  font-family:arial, verdana, sans-serif;
  h1 {
    font-size: 26px;
    font-weight: bold;
  }
  p { font-size: 12px;
    a { text-decoration: none;
      &:hover { border-width: 1px }
    }
  }
}

Y mi preferido, los mixins, una especie de funciones (hay otras funciones avanzadas).
Imaginemos que queremos aplicar esquinas redondeadas y no poner 20 veces los prefijos de los navegadores, sería así

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}


#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}
El #header tiene el valor por defecto (5px) como podréis suponer se puede anidar clases de forma muy chula, imaginad que quiero hacer un botón siempre igual.


.botones-redondeados{
.rounded-corners(20px);
color:@colorPrincipal;
background:@colorSecundario;
}


Podéis hacer vuestros pinitos de prueba en la web de phpless online  Y tenéis con un poco más de profundidad estos ejemplos en la mágnífica web de anieto2k: LESS y SASS




23 may 2012

Teclado en el notepad++: Hacer el doble en la mitad de tiempo

d8b   db  .d88b.  d888888b d88888b d8888b.  .d8b.  d8888b. 
888o  88 .8P  Y8. `~~88~~' 88'     88  `8D d8' `8b 88  `8D 
88V8o 88 88    88    88    88ooooo 88oodD' 88ooo88 88   88 
88 V8o88 88    88    88    88~~~~~ 88~~~   88~~~88 88   88 
88  V888 `8b  d8'    88    88.     88      88   88 88  .8D 
VP   V8P  `Y88P'     YP    Y88888P 88      YP   YP Y8888D' 
                                                           
           
Una mano en el ratón y otra a la izquierda del teclado. Así deberías estar siempre. No es una manía, se trata de ser eficiente.

Atajos de teclado que uso en notepad++ 100 veces al día, y algunos que he descubierto sobre la marcha:


  • CTRL+D: Duplicar. Si no tienes seleccionado texto duplica la línea entera (sin perder el portapapeles)
  • CTRL+J: Unir líneas. Copias un texto de un PDF y tiene 8 líneas con 4 palabras cada una, pues las seleccionas, usas este atajo y listo calisto
  • CTRl+U, CTRL+MAYUS+U: Pasas de mayúsculas a minúsculas y viceversa.
  • CTRL+TAB: Alternar entre documentos, este atajo sirve para todos los prograbas que tienen pestañas.
  • CTRL+W: Cerrar pestaña actual.
  • CTRL+G: Ir al número de línea X.
  • CTRL + F, CTRL+H: Buscar y buscar y reemplazar. Puedes usar CTRL+R para buscar con expresiones regulares. Si has cerrado el cuadro pulsa F3 para repetir la última búsqueda.
  • TAB, MAYUS+TAB: Selecciona varias líneas y ponle/quítale un tabulador al principio de estas.
  • CTRL+Q, CTRL+MAYUS+Q: Comentario y comentario simple. Muy importante para tenerlo todo clarito en nuestro código.
  • CTRL+A: Seleccionar todo, como siempre.
  • CTRL+S: Seleccionar todo, como siempre.
  • CTRL+Z: El omnimpresente deshacer.
  • CTRL+F2, F2: añadir marca de importante a la línea, ir a la siguiente línea importante.
  • CTRL+ALT+F,CTRL+ALT+MAYUS+F:Expandir contraer la vista actual

Otros atajos que he creado en Configuración->Gestor de atajos de teclado

ACTUALIZACIÓN, CUIDADO!: No se si será mi ordenador pero al cambiar algunos atajos principales (f1, por ejemplo) se borra toda la configuración de todo el NPP.
  • CTRL+MAYUS+R: Main-> Copia la ruta de la carpeta (al portapeles). MUY ÚTIL para localizar en disco donde está ese archivo
  • CTRL+ALT+ESPACIO: Main->Quitar espacio al inicio de la línea.
  • CTRL+ALT+E: Plugins->E:Delete Blank lines. Para quitar líneas que no tienen nada dentro. Si tienen espacio al principio no las quitará.
  • CTRL+MAYUS+W: Main->Cerrar las DEMAS pestañas.
  • CTRL+MAYUS+<: Plugins->Show NppFTPWindow, mostrar la ventana FTP.



22 may 2012

Wolfram Alpha, un motor de conocimiento



Lo conocí en 2009 y ya me pareció la leche, pero no ha sido hasta este año cuando está pegando fuerte, Wolfran Alpha es un buscador de conocimiento, dame un minuto, un poco de inglés y te daré el mundo.

En google también se busca conocimiento ¿no? pues no. Google busca palabras, relacionadas entre si, vale, pero palabras.
¿Que pasa cuando quieres buscar la respuesta a un problema?, no necesitas datos, necesitas el conocimiento para resolverlo. Eso te lo resuelve Wolfram alpha.

¿Quieres un ejemplo? El otro día jugábamos al Colonos de Catán y nos preguntábamos qué posibilidades había de que con dos dados de 6 saliese un 6 o un 7.

Pues pones en inglés:
What are the chances to get a six with two six faced dices?
te enseña todas las posibilidades y más o menos una entre siete.
Pero y un 7?
What are the chances to get a seven with two six faced dices? Una entre 6
Te salen hasta las caras del dado.

Le puedes hacer todo tipo de preguntas, por ejemplo:

  • oxygen consumed by a human being in one hour
  • name of people who walked on the moon
  • calories 250 grams of rice
  • biggest reptile


Este buscador lo usa Siri el buscador de iPhone (un 25% he leido por ahí) y hace poco los de Apple trucaron las cosas para que cuando se le pregutaba por el mejor teléfono (The best smartphone) en lugar de decir el Nokia Lumia (que tampoco...) dijera que el que estaba sujetando el usuario en su mano, es decir un iPhone. En fin, si posees el hipódromo tus caballos son siempre ganadores.

Pero he descubierto algo curioso ¿que pasa si le preguntas al bueno de Wolfram por el mejor motor de búsqueda?
"the best search engine", os dejo que lo descubráis.

21 may 2012

Tuneos para Notepad++



No se vosotros, pero he probado varios editores de código pero me quedo con Notepad++ (Npp). Es una pena que no lo haya para Linux de forma nativa, y si, he probado Scite, bluefish, gedit con extensiones, pero no llego a sentirme tan cómodo como con este editor.

Lo tengo en un portable en google Drive y lo ejecuto desde ahí. De esta forma mis preferencias se mantienen entre equipos y si lo actualizo se "propaga" allí donde lo uso.

Esto es lo que hago cuando se lo instalo a alguien

  • Plugin TextFx: Para hacer webs es vital. Entras en Plugins->Plugin Manager -> textfx Characters. Después de instalarlo, me voy a TextFX->TextFX settings-> Marcar: autoclose [{( brace y autoclose HTML tags. Para que te cierrer las etiquetas HTML además de todos los paréntesis. Si estás usando un php (como las plantillas de joomla) y no te cierra el HTML es tan sencillo como que le pongas en Lenguaje->H->HTML
  • Copia de seguridad / autocompletar: Configuración->Preferencias-> Copia... ->Marco, Copia Simple (en otra carpeta), Habilitar autocompletar en cada entrada-> completar función y Pistas para los parámetros de la función.
  • Copiar/restaurar los archivos del Utilísimo NppFTP, los cuales suelen perderse con demasiada facilidad.
    Es un fichero XML como el filezilla (no estaría mal tener un Plugin importador de filezilla para el NotepadFTP, me daría la vida) y con copiarlo para tenerlo seguro y sobreescribirlo cuando lo perdemos (algo que sucede demasiado a menudo) estaremos a salvo. ¿donde está?
    Portable: App\Notepad++\plugins\Config\NppFTP\NppFTP.xml
    Normal:
     C:\Usuarios\[usuario]\AppData\Roaming\Notepad++\plugins\config\NppFTP\NppFTP.xml 
  • Atajos de teclado: Los pongo a mi gusto en Configuración->Gestor de atajos de teclado. 
  • Configurar extensiones: Por ejemplo yo trabajo mucho con Smarty y sus plantillas HTML son ".tpl" y no reconoce el HTML. Así que me voy a Configuración->Configuración de Estilo...->HTML (columna de la izquierda)->Ext. Usuario->añado tpl. Si ahí mismo cambias arriba el tema verás diferentes aspectos del notepad++, lo acabo de poner en Bespin.
  • Otros plugins:
    XML tools: Haz legibles a los xml.
    Lorem ipsum: Mete texto de ejemplo  sin salir del Npp.
    Multiclipboard: varios portapapeles almacenados pulsando ctrl+mayus+v los ves y puedes elegir.
En un futuro daremos algunas claves de productividad para Npp.






17 may 2012

Wifis secretamente públicos

Recordemos brevemente conceptos sobre seguridad en redes inalámbricas. La seguridad viene por el protocolo (corre a cambiarlo a alguna variedad de WPA si es que lo tienes como WEP) y por la contraseña que nos permite unirnos a nuestro router o punto de acceso inalámbrico. Otras opciones son ocultar el SSID (el nombre de tu red inalámbrica, para entendernos), y filtrar por MAC (limitar el acceso sólo a aquellos dispositivos de red que le indiquemos explícitamente).

¿Eres de los que nunca han cambiado la contraseña de su wifi, pensando que la contraseña que puso tu operador es suficientemente complicada? Bien, pues es bastante posible que tengas un problema. Las contraseñas por defecto son generadas por el suministrador de manera automática en base a un conjunto finito de elementos, como puede ser el nombre de la red o la dirección MAC del router. Si es posible encontrar el conjunto de operaciones que se siguen para generar la contraseña o, más frecuentemente, alguien "sopla" desde el fabricante cuáles son esas operaciones, eso significa que es posible obtener la contraseña por defecto de un router determinado. Basta con aplicar esos pasos y, voilá, tenemos la contraseña.

¿Cómo saber si nuestro router es uno de los modelos comprometidos y, por tanto, cualquiera puede estar usando nuestro wifi? No te preocupes, porque es bastante sencillo. Existen herramientas para nuestro android que detectan las redes inalámbricas dentro del alcance del dispositivo e intentan averiguar su contraseña a partir de la información que obtiene de la red, contrastándola con los mecanismos de generación de contraseñas que han sido divulgados. Ojo, son herramientas que no atacan criptográficamente tu contraseña. Por tanto, si has cambiado la que venía por defecto, puedes considerarte relativamente seguro.

Una de las aplicaciones más populares es pulwifi. El propio desarrollador nos indica que:
La única intención de esta aplicación es poner de manifiesto la inseguridad de sus propios routers, y advertir del peligro de usar contraseñas preestablecida.
Pulwifi no se encuentra ya en Google Play, aunque eso no significa que haya dejado de desarrollarse. De hecho, hace menos de dos semanas salió la versión 2.0 de la herramienta. Para instalarla, has de descargarte el fichero .apk desde la página de descargas de Pulwifi, transferir el fichero apk a tu dispositivo e instalarlo usando tu instalador de apks favorito (el mío es APK Installer).


Una vez instalado, el uso es bastante intuitivo. Con el wifi activado (no me seas patán) Pulwifi escaneará las redes inalámbricas dentro del alcance de tu android, te mostrará información sobre las mismas (SSID, MAC, potencia de la señal y tipo de cifrado) y, lo más importante, te indicará con un icono de un candado abierto sobre fondo verde si es posible obtener la contraseña. Pulsando sobre la red vulnerable podemos mostrar la contraseña e incluso copiarla en el portapapeles, para pegarla en la pantalla de configuración de redes inalámbricas.


Es posible que exista un falso positivo: tu red aparece como insegura pero la contraseña no es hallada correctamente. En cualquier caso, no te confíes. Haya sido o no comprometido el modelo de tu router, cambia la contraseña por defecto. Que hoy no sea posible averiguar tu contraseña no significa que mañana tu red sea únicamente tuya. Además, Pulwifi no es el único programa que permite revisar la seguridad de tu red inalámbrica. Otras alternativas, que están en Google Play, son WifiPass y WLANAudit.

15 may 2012

ICS para SGS (GT-I9000)

Vengo a hablaros de la que para mí es la mejor ROM que ha llevado mi galaxy, que además probablemente sea con la que se jubile mi terminal.
Pues bien dicha ROM está basada en ICS, actualización que Samsung descartó para nuestros terminales, y gracias a el Servan Team podemos disfrutar en nuestros cacharros.
La Rom en cuestión la podéis encontrar aquí http://www.htcmania.com/showthread.php?t=364218
Desde mi punto de vista y experiencia con distintas ROMs, desde que conocí a esta gente, siempre he llevado sus ROMs y siempre me han funcionado muy bien. Además siempre están dispuestos a solucionar los problemas que tenemos los patanes.
Os animo a que probéis esta Rom, y no os arrepentiréis.
Si quieres ir más allá, sigue este hilo http://www.htcmania.com/showthread.php?t=382649
Está pensado para que patanes como yo, sean capaces de ponerse esta ROM a su gusto.
Siguiendo los pasos que explico en el hilo, cualquiera con una custom ROM, podrá personalizar su terminal a su antojo.
Saludos

Greasemonkey, tuneando las webs a tu gusto


Imagina que quieres ver facebook con un diseño que a ti te gusta, quitar los anuncios, o una columna. O imagina que no quieres publicidad en grooveshark, o que quieres un formato distinto de tu bienamado Google reader. Pues eso te permite la extensión para chrome (Tampermonkey) y firefox Greasemonkey.


Su forma de funcionar e bien sencilla, te permite añadir javascript a lo que tu quieras, y hay una gran comunidad que ha hecho un montón de estos scripts, por lo que no tienes que tener ni idea, vas a esta página  y buscáis la web para la que queréis "mejorar" la experiencia, instalas el script y recargas la web en cuestión.

Si además pilotáis en javascript pues mejor, yo he hecho mi propia versión del google reader.

Tenéis varios top 10 en internet, pero eso a gusto del consumidor.





14 may 2012

Cierra Gmail en otros ordenadores


A veces entras en tu curro a Gmail y cuando llegas a casa te acuerdas que no has cerrado dicha sesión. Es decir, que alguien puede ver/borrar tus email o chat, claves, etc.


Pues google te permite cerrar tu cuenta en otros ordenadores a distancia ¿donde? Abajo del todo de tu gmail, donde pone "información detallada"



"Le das a cerrar todas las demás sesiones" en los otros ordenadores se cerrará esa cuenta.




11 may 2012

Controla tu Ordenador desde tu android


Tienes una pedazo de pantalla en tu móvil, y tienes tu portátil conectado por HDMI a la pantalla ¿te vas a levantar y recorrer un interminable metro y medio para cambiar la película?

Hemos venido en tu rescate porque moverse es de perdedores. Gracias a Angel, por su aportación.

UControl - wireless mouse

Con esta aplicación, que sustituye a mi anterior remotedroid, consta de dos aplicaciones una para el Ordenador y otra para el móvil. Puedes controlar tu pc mediante bluetooth (no lo he probado) que en entornos en los que no hay red puedes ser bastante mejor y su modo puntero me ha resultado superútil, básicamente puedes usar el  móvil como si de un puntero láser se tratase (moviéndolo en lugar de con el dedo)
Lo instalas en los dos sitios, y todo es muy intuitivo



10 may 2012

Soft Libre Vs privativo: Pelea amañada

Comentaban en genbeta que canonical (los creadores de Ubuntu) confían estar instalados en el 5% de los PC.  No es la primera vez que escucho como se espera que Linux irrumpa e incluso desbanque a Windows en los ordenadores de escritorio. Ya te digo como acaba esto: Va a ser que no.


¿Por qué? ¿Por qué no puedo quedarme sólamente con linux instalado y tengo que tener también Windows? ¿Por que Gimp, pese a ser muy bueno es casi un desconocido en comparación con Photoshop? ¿Porqué me siguen preguntando los patanes como se abren un archivo "odt"?


Intentaré responder a estas preguntas con las que creo son las razones más importantes, sentíos invitados a criticarlas, a refutarlas o aportar nuevas que se me hayan pasado, en este blog no tememos ni a la muerte ni a los comentarios.

Yo no estoy en contra del soft privativo.


Ese no soy yo, yo, además del logo de ubuntu,
también tengo windows rapado en otra zona del cuerpo donde no brilla el sol.

A mi hay programas que me parecen realmente buenos e incluso imprescindibles de soft privativo, de hecho, tengo comprado W7 64 bits para mi ordenador profesional (lo tengo instalado junto con Ubuntu).
Este artículo es para que cuando se haga una comparación se sea justo en sus términos.

1. La mentira de "¿Cual es mejor?": Gimp Vs Photoshop.

¿Es mejor Photoshop que Gimp? eso, como casi todo, depende de para qué. 


El que vale, vale y gimp vale de sobra para pintar

Si le preguntáis a los grandes expertos en retoque fotográfico os dirán en su mayoría que Photoshop es indudablemente mejor. Pero ellos son un porcentaje pequeño de los usuarios (espero :) y sus necesidades no coinciden con las de cualquiera.

Hagamos una metáfora de coches, ¿una turismo es mejor que un deportivo? Si le preguntas a un conductor de carreras te dirá que el Ferrari. ¿Irías todos los días a recoger a tus hijos en Ferrarí? ¿puedes pagar el mantenimiento/gasolina? ¿es más fácil de conducir un Ferrari?

Gimp, para empezar, tiene menos requerimientos que Phothoshop, por lo que habrá ordenadores en los que ni si quiera podrás instalar el programa de Adobe.
Además sirve para el 99% de las cosas que se hacen con imágenes en el día a día. Tienes agrupación de capas, máscaras avanzadas, canales, alpha, abre PSDs, pinceles avanzados e innumerables Plugins y Add-ons que darán solución a muchas, muchas necesidades. 

Y además es gratis, a lo que muchos dirán, yo no he pagado nada por Photoshop lo que nos lleva al siguiente punto.

2. La Piratería desvirtúa la oferta: Windows Vs Ubuntu (Linux)




No se vosotros, la gran mayoría de la gente que conozco que tienen Windows, el paquete Adobe (Photoshop, etc.),  Ms Office lo tienen pirateado. El que tiene windows original es básicamente porque le venía con el ordenador, generalmente portátil, pero incluso ahora ya han instalado una copia pirata de W7.
Curiosamente Ubuntu cubre las necesidades del 90% de la gente al usar un ordenador(navegar, oficina, programar, maquetar). Pero la gente prefiere Windows.
¿Y por qué? Porque les sale gratis.
Pregunta retórica: ¿Creéis que si Windows 7 fuese imposible de piratear Ubuntu no reinaría hoy en los escritorios?
Es curioso que aunque la gente empieza a estar dispuesta a pagar por videojuegos pero que considere  de tonto del bote pagar por Windows 7

3. La filosofía del listillo = Standard de facto.





El listillo se cree astuto cuando dice "Windows también es gratis, a mi no me ha costado nada", no se da cuenta de que está cayendo en la trampa del standard de facto. ¿Creéis que Microsoft o Adobe no pueden evitar las copias piratas? claro que pueden, te dejan para que te hagas dependiente de su sistema.

Históricamente el plan ya les ha funcionado y les seguirá funcionando hasta que los listillos no se den cuenta de lo realmente tontos que son.
En las escuelas, en las academias, en las empresas te dan un ordenador con windows, te enseñan Windows o incluso peor, MacOs. 

Si montas una empresa ¿que van saber mis empleados?
Si hago un programa y quiero que llegue a más gente ¿para que sistema lo voy a hacer?
Si hago un dispositivo y tengo que invertir en hacer que funcione en un montón de equipos ¿para quien lo voy a hacer?

Al final te verás obligado a usar Windows y muy posiblemente a comprarlo. 
Mi consejo es, si puedes evitarlo (tal y como está la película a estas alturas) evita piratearlo.
Llevo 5 años sin instalar Windows Pirata a nadie, y los que se han pasado a Ubuntu no tienen quejas, el mantenimiento es mucho más fácil y recuerda, en la práctica no tienen virus.

4. Presiones de Lobbies: MS Office vs LibreOffice.


No es que Microsoft Office no abra los archivos de LibreOffice (ODT y similares) porque básicamente no quieren colaborar a una standarización abierta, es que simplemente son capaces de llegar donde haga falta (sobornar incluido) para convertirse en un standard.

Y esto pasa con muchas cosas: el video h264 VS Webm, PSD vs XCF...

5. Sin drivers no hay diversión.


Aquí tenemos a Stallman dando guerra porque
ATI no saca Drivers abiertos para linux

Si, entiendo que los fabricantes quieran ahorrarse desarrollar para varios sistemas (muchas veces no dan soporte ni a Mac), pero desde mi punto de vista esto debería ser obligatorio para comercializar un producto en la UE.

Es decir, no debería ser legal alimentar un monopolio como este y que por ejemplo yo instale una impresora con scanner y tenga que instalarla en Windows por cojones para que funcione. Y no, el usuario no es en la práctica libre para elegir que cosas comprar y que sistema operativo usar.

Esta situación supongo que se arreglará en la era Post-PC donde los creadores de hardware (sobretodo chinos) sacan drivers para Android, y eso hará que la compatibilidad con dispositivos se dispare en linux.

Las cosas no son lo que parencen, no todo está perdido

Si, Windows / MacOs domina el mercado que conoces, el de ordenadores de escritorio. La mayoría de los patanes no ha visto Linux en su vida y cuando les hablan de Ubuntu, Mint, etc. les da ganas de salir corriendo.

El caso es que Linux está más extendido que Windows en casi todas partes menos en los ordenadores de escritorio. Sólo en móviles android (que están hechos sobre linux) ya tienes 700.000 dispositivos nuevos al día, a esto súmale los superordenadores, los servidores, etc.
También otros programas libres, no sólo linux, han ganado a los software privativos. Se me vienen a la cabeza dos que la gente suele pasar por alto porque los usan en windows: Firefox y VLC. 


En un futuro, no muy lejano, escribiré sobre los fallos de linux que evitan que se impongan en el escritorio.

8 may 2012

noLed, por si no tienes led de notificación


Antes tenía un htc desire y tenía una cosa que los galaxy no tienen: una lucecita que te decía que te había llegado un mensaje, un email o que habías perdido una llamada, porque como dice Murphy las llamadas más importantes las hacen cuando te has dejado el teléfono en casa.

Bueno, pues hay un programita que te hace parpadear la pantalla con la notificación gastando, dicen ellos, una mínima cantidad de batería. Tiene muchas opciones, elegir colores, parpadeo, vibración, enseñar la hora, etc.

Muchos diréis que existe el BLN, pero es sólo para roms preparadas a tal efecto (de hecho no ha salido ninguna con ICS para mi SGS2), además he leído que esta aplicación devora un montón de batería.



7 may 2012

Razones para leer en el móvil y no en papel.


Aunque ya escribí sobre este tema  he leído un par de opiniones que me han hecho recuperar y sintetizar las razones que tengo a favor de leer en los móviles y similares:


  1. La mejor herramienta para leer es la pantalla que ya tienes. Si tienes un móvil, pues un móvil. Así que por favor no me habléis de gastos ecológicos de la construcción de un dispositvo ex-profeso, prácticamente todo el mundo tiene un móvil. En mi caso, llevo leyendo en el móvil desde mi nokia n-gage, cerca de 10 años y no me he comprado ni un ebook.
  2. El transporte es el mayor problema ecológico que tienen los libros de papel. No sólo el transporte de los árboles para su procesamiento de papel, piensa en las librerías, en las imprentas y sobretodo las distancias entre cada uno de los pasos de creación/distribución. Los libros pesan/ocupan mucho. Y para hacernos una idea de lo pesados que son los libros, haz una mudanza, ya verás como tus amigos y/o familiares se pelean por no llevar la caja etiquetada como "libros".
  3. Leer en una pantalla (LCD o tft) bien/mal iluminada es igual de bueno/malo que leer un libro bien/mal iluminado. Desde que los monitores CRT (los que no eran planos) desaparecieron de la escena esto es un mito.
  4. El proceso químico de blanqueado e impresión es también perjudicial para el medio ambiente. Me hace gracia que la mayor parte de los que defienden el libro de papel son ecologistas, pero en este caso hacen una excepción por conservar "el tacto de las hojas al pasar".

  5. La nostalgia no es un factor a tener en cuenta. Si eres un fetichista es cosa tuya. Ya en tiempos de Platón consideraban negativa la palabra escrita, para ellos, lo suyo era la viva voz.
  6. El mejor libro es el que llevas encima. Cada vez que hablo con alguien sobre este tema le digo "bueno, vamos a compararlo" mientras saco el móvil, a lo que el otro me dice "!Hombre, el libro lo he dejado en casa¡". Cuando llevas 1000 libros en el bolsillo y te gusta leer, ves cualquier espera con satisfacción. No te digo nada de sentarse en el trono fuera de tu casa.
  7. El lector habitual que prueba, repite. Y no porque le dejen de gustar los libros en papel. Sólo hizo falta un buen libro  para que esa gente que me decía "yo no puedo leer en un móvil" se pasase al formato digital. Es como cuando los fotógrafos analógicos que decían que no se pasarían a la digital, porque no tenía ese color, esa textura, etc. Empezaron llevando las dos cámaras y, claro,  eso no es práctico. Por lo que en la actualidad la mayoría de fotógrafos llevan las digitales y aman en la intimidad de sus hogares aquellos tiempos del sonido del carrete.
  8. La pantalla es pequeña o brilla mucho. Además de que las dimensiones de pantalla son cada vez más grandes en los dispositivos, el tamaño de letra es configurable (cosa que no pasa en un libro), y a no ser que leas un párrafo en menos de un segundo, Para leer con poca luz (poco aconsejable) y ahorrar en batería recomiendo usar el modo noche, letras en blanco fondo en negro. 

Por otro lado creo que lo ideal sería que todos los móviles/tablets llevaran una tecnología parecida a las Pantallas pixel Qi.

¿Que es esto? una tecnología de LCD que permite convertirse en una especie de tinta electrónica (en blanco y negro) en exteriores. Puede que no sea mejor que la amoled en pantalla, pero lo que es seguro es que ahorra mucha batería en el modo exteriores (reduce el consumo 100 veces) y que tiene una tasa de refresco muy superior a la tinta electrónica, puedes ver "casablanca" vamos.



Os invito a darme caña en los comentarios: bring it on!







4 may 2012

buscando ideas de diseño web

 

Siempre hay que tener bien nutrida la galería de ideas para cualquier proyecto. No soy muy partidario de los libros con fotos de webs, me parecen una contradicción, quieres ver diseño web, que mejor que la propia Red para ver la interacción o echar un vistazo a cómo han solucionado problemas de CSS.

Esta claro que Internet es infinita y no se puede empezar por cualquier parte, así que os recomiendo patterntap.com, una estupenda galería con categorías por elementos.


Otra buena opción es pasarse por Awwwards y ver lo mejor que se está haciendo en diseño y desarrollo web. Puestos a buscar ideas veamos a los mejores no?

3 may 2012

modernizr y polyfills, usa html5 sin miedo a los viejos navegadores


Ayer vimos lo bueno que era html5 boilerplate(H5B, para abreviar), que nos permitía crear una página consistente entre navegadores, y ¿sabéis cual es una de las herrmientas que incluye H5B? modernizr.

¿Que es modernizr? es una librería javascript que detecta las capacidades del navegador que estas usando y poder tomar medidas al respecto.

Por ejemplo, hace poco hice una página que incluía vídeo en html5 en formato h264 (si, pasando a lado oscuro de la fuerza). Y aunque es muy bonito eso de poner:

<video controls="controls" src="video.mp4" type="video/mp4" ></video>

Cuando llega la hora de la verdad esto no funciona en firefox, (por ahora no soporta el codec h264 como dijimos en nuestro post más famoso hasta la fecha), tampoco funciona en Internet Explorer por debajo del 9.

Lo ideal sería que cuando esto no funciona, se active un javascript que convierta ese video html5 en un flash y así IE8, Firefox u Opera no tendrán problemas. A este script que "degrada" el HTML5 a otras tecnologías soportadas por tu navegador (flash, javascript, etc...) se les llama polyfills.
Aquí tenéis una lista de los más útiles/usados .

El que vamos a usar en nuestro ejemplo es html5media.js, que permite convertir la etiqueta audio o video en flash gracias a flow player.
¿que queremos? que cuando el navegador no soporte el codec h264 salte un flash para la etiqueta video.
Pues si tenemos ya modernizr cargado es tan sencillo como esto.

 <script>
if (!Modernizr.video.h264){
Modernizr.load("http://api.html5media.info/1.1.5/html5media.min.js")};
</script>

Traducido es "si modernizr detecta que el navegador no soporta la etiqueta video con el codec h264 entoces modernizr cargará el javascript html5media.min.js".
Si quitásemos el ".h264" sólo funcionaría en Internet Explorer antiguos, ya que Firefox u Opera  soportan vídeo pero no h264.

Esto se puede hacer para casi cualquier cosa por ejemplo, para añadir placeholder en los formularios (necesita jquery).

 <script>
if(!Modernizr.input.placeholder){
    Modernizr.load("https://github.com/mathiasbynens/jquery-placeholder/blob/master/jquery.placeholder.min.js")
};

</script>

Si ya queremos rizar el rizo y tenemos 20 cosas como esta lo mejor es hacerlo de una tacada tal que así


 <script>
Modernizr.load(
  {
  test:  Modernizr.video.h264 ,
  nope: 'http://api.html5media.info/1.1.5/html5media.min.js'
  },

  {
  test:   Modernizr.input.placeholder ,
  nope: ' https://github.com/mathiasbynens/jquery-placeholder/blob/master/jquery.placeholder.min.js '
  }
);
</script>


Se puede poner además de "nope:" un "yep:" para poner que haga algo si tiene esa característica (por ejemplo un css para maquetar los vídeos, etc...)

Esto os quitará a los desarrolladores web un montón de trabajo y espero que os sea de tanta utilidad como lo ha sido para mi




2 may 2012

html5 boilerplate, webs bien hechas desde la base


HTML5 esta muy bien, pero ¿podemos hacer hoy día páginas con esta tecnología sin que peten en IE8 por ejemplo?

La respuesta es si, pero era un coñazo detectar y aplicar los hacks necesarios para que estos navegadores se degraden a html4. Degradarse es que un navegador antiguo cargue unos trucos (hacks) javascript y css para lo que hay de nuevo en html5.

Para eso se crea HTML5 boilerplate, una base html5 con todos los hacks que harán que lo que pongas dentro se vea muy parecido en todos los navegadores, incluidos los antiguos. 

Y esto hijo, es un verdadero relax del que podéis disfrutar los jóvenes de hoy.


1 may 2012

Pasa de windows! vete a linux

Hay gente que se cansa de windows 7, bien porque le entran virus, porque se cansa de tener que piratearlo, de no tener actualizaciones, o bien porque no les funciona como debería.


Entonces llega el momento de pensar en pasarse a Linux.

¿puedes pasarte a linux? 


Si, si sobretodo lo que haces es jugar navegar en internet.
Si, si lo que usas es programas típicos como libre office, VLC, gimp (en lugar de photoshop), inkscape (freehand)...
Si, si usas uno o dos programas eventualmente que sólo están en windows (mediante wine).
Si, si quieres un ordenador que lea cualquier disco duro y ponerlo en red como servidor de archivos.
Por supuesto, si quieres aprovechar tu ordenador antiguo.
Por supuesto, si no quieres virus.

pero...

No, si lo quieres para jugar a juegos de última generación (por mucho que steam esté llegando a linux).
No, si eres un profesional de algún área que no sea informática/electrónica (por ejempo tienes que usar el paquete de Adobe).

¿Que distribución de linux me conviene?

¿Ordenador humilde/portátil? ¿Parecido a XP?  linux mint LXDE.

¿Ordenador normal y con mayor número de ayuda online? (muy importante cuando tienes que buscar en google) Ubuntu desktop 32 bits.

¿Ordenador potente y con ganas de pelea? Ubuntu desktop 64bits. (quizás algunas cosas no vayan como deberían y tendrás que tocar algo, lo de siempre, firefox, libreoffice... funcionará bien)

Os pongo estas aclaraciones porque si estáis leyendo este post seréis patanes, no locos del linux, y estoy simplificando al máximo.

Os puedo decir que hace años que me negué a instalar windows pirata a nadie, sobretodo cuando no tienen necesidad, y ninguno a los que se lo instalé ha vuelto atrás. No se ha roto, no han tenido virus y se han actualizado sin problemas.

Por esta razón llevo siempre encima un Pendrive con dos linux metidos dentro, cuando arranco desde el usb, puedo elegir entre ubuntu 64 bits y mint lxde 32 bits. Así se que estaré preparado para cualquier eventualidad.

Para pasar estas distribuciones linux a un pendrive es muy sencillo.


  • Descargamos la imagen de cd de su página (si lo hacéis por torrent irá más rápido): Ubuntu / Mint
  • Descargamos YUMI – Multiboot USB Creator (Windows).
  • Metemos nuestro pendrive (preferiblemente vacío)
  • Ejecutamos Yumi
  • Elegimos la unidad, podemos ponerle formatear (para dejarlo en blanco)
  • Elegimos la distribución de linux (ubuntu 32, linux mint...)
  • Crear y esperar.
  • Si queremos añadir más de una versión de linux, lo hacemos todo desde el punto 4 (sin darle a formatear, claro)


Y así cada vez que estemos en un ordenador que no arranca, o que queramos instalar linux en ese ordenador, insertas tu USB elijes que linux quieres arrancar y tira millas.