Archive for 'artículos'

Nuevo artwork para Ubuntu

En ubuntu 9.10 ya se rumoreo sobre la posible inclusión de un nuevo theme que reemplazaría a human, rumor que no se materializo en aquella ocasión pero si ahora. Ya es oficial, Ubuntu 10.04 dejara atrás el clásico tema anaranjado para incorporar un nuevo artwork denominado Light.

Capturas de pantalla y arranque:



PD: Entre las novedades también encontramos soporte nativo para los iPhone e iPod touch de Apple

Instalar kde sc 4.4 en Kubuntu

El progreso que ha tenido kde 4 desde sus primeras versiones es surrealista. Solo le han hecho falta pocos más de un año para pasar de ser un escritorio poco usable y peleón a ser , bajo mi punto de vista, el escritorio más puntero disponible en linux hoy por hoy.

Para muestra un botón:

Si sois de esos usuarios que no pueden esperar a que su distro favorita incluya la última versión de este escritorio, podéis seguir lo siguientes pasos para instalarlo en k/ubuntu 9.10.

Read more

Útiles sentencias SQL para wordpress

Si bien el panel de administración de wordpress es muy completo y permite la gestión de casi todo lo que podamos necesitar, en ocasiones puede ser necesario realizar algún arreglo rápido directamente en base de datos.

A continuación os dejo algunas sentencias sql interesantes:

Cambio de contraseña

UPDATE 'wp_users'  SET 'user_pass'  = MD5('PASSWORD') WHERE 'user_login' ='admin' LIMIT 1;

Eliminar revisiones de un artículo y metadatos asociados

DELETE a,b,c FROM wp_posts a WHERE a.post_type = 'revision' LEFT  JOIN wp_term_relationships b ON (a.ID = b.object_id) LEFT JOIN wp_postmeta c ON (a.ID = c.post_id);

Eliminar todos los comentarios no aprobados

DELETE from  wp_comments WHERE  comment_approved = '0';

Desactivar comentarios en posts antiguos

UPDATE wp_posts SET comment_status = 'closed' WHERE  post_date < '2009-01-01'  AND post_status = 'publish';

Fuente y más sentencias sql en catswhocode

Cargar datos JSON con jQuery

Hace ya unos años que xml dejo su lugar como formato omnipresente en el intercambio de información asíncrona entre navegador y servidor. Json, la alternativa integrada en el corazón los interpretes javascript, se perfilo como una opción más simple y rápida.

Jquery cuenta con al menos tres métodos para simplificar más aun la lectura de este formato.

$.getJSON()

Esta función carga y parsea ficheros json

$.getJSON('/json/somedata.json', function(data) {
    // do something with the data here
});

$.parseJSON()

En caso de tener los datos lleven string, podemos convertirlos a json con este método:

data = $.parseJSON(string);

$.ajax()

también podemos indicarle a jQuery que los datos que recibiremos en una petición ajax están formateados en json:

$.ajax({
    dataType: 'json',
    success: function(data) {
        // do something
    },
    url: '/json/somedata.json'
});

vía electrictoolbox

Presentación de HipHop PHP

Los rumores se han confirmado y finalmente facebook ha hecho publico el vídeo de presentación de este compilador para PHP.

La compañía lleva cerca de 6 meses usando el proyecto en sus servidores de producción con cerca de el 90% de su contenido corriendo con HipHop.

Para facilitar su uso en proyectos de terceros, futuras versiones incluirán compatibilidad con PHP 5.3 (actualmente solo 5.2) y una extensión para ser ejecuto sobre apache además del server propio sobre el que corre actualmente.

Los resultados hablan por si solos:

  • Web: 50% menos en consumo de CPU con el mismo tráfico
  • API: 30% menos de consumo de CPU con el doble de tráfico

Las mas de 300.000 líneas de código del proyecto serán publicadas proximamente en el canal de Facebook en Github

Reproductor de vídeo HTML5

Sublime Video es un reproductor HTML5 con un diseño muy cuidado (estilo mac) y permite la reproducción de vídeos sin recurrir a flash.

Aún se encuentra en desarrollo pero ya cuenta con las siguientes funcionalidades:

  • No requiere plugins
  • Permite pulsar en cualquier punto del timeline y comenzar a guardar el buffer a partir de ahí
  • Animación zoom in/out a pasar a pantalla completa
  • Capaz de readaptar el tamaño del vídeo a pantalla completa si cambia el tamaño de la ventana
  • Acceso rápido a play/pause con la barra espaciadora

Por ahora solo es compatible con Safari, Chrome e Internet Explorer con Chrome frame instalado, pero ya están trabajando en la compatibilidad con firefox. Otras de las funcionalidades programadas son la inclusión de un control de volumen y la compatibilidad con IE (reemplazando el reproductor por uno flash).

El reproductor será lanzado pronto de manera gratuita (al menos para usos no comerciales).

vía webappers

Funcionalidades HTML5/CSS3 en IE

HTML5 y CSS3 toma cada día mas fuerza pero aún esta muy limitado en cuanto a soporte por parte de los browsers. Como no podía ser de otra forma, Internet Explorer se lleva la palma aunque algunos desarrolladores parecen negarse a esperar un nuevo navegador de MS compatible con los últimos estándares.

A continuación os dejo algunas técnicas con las que añadir/simular funcionalidades propias de los browsers más punteros en el navegador de microsoft (Extraído de un estupendo post de catswhocode).

Compatibilidad con los nuevos tags HTML5

El siguiente script debe ser incluido dentro del head del documento para que IE sea capaz de interpretar los elementos antes de renderizar la página.

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
<![endif]-->

Text-shadow

p.shadowed {
  text-shadow: #0000ff 0px 0px 3px; /* Navegadores modernos */
  filter: glow(color=#0000ff,strength=3); /* IE */
}

box-shadow

.shadowed{
    box-shadow: 10px 10px 5px #888;
}

.shadowed {
    filter:
        progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}

Rounded corners

.round{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

Para IE:

<script type="text/javascript" src="DD_roundies.js">
<script type="text/javascript">
  DD_roundies.addRule('.roundify', '10px');
</script>

Opacity

.element{
    opacity:.7; /* Standard CSS */
    filter:alpha(opacity=70); /* IE patch */
}

Soporte RGBa

 .color-block {
    width: 50%;
    background-color: rgba(0, 0, 255, 0.2); /* Modern browsers */
}
/*IE*/
.color-block {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000050,endColorstr=#99000050);
    zoom: 1;
}

Ver más

A vueltas con el iPad

Las expectativas eran enormes, el hype desmedido y cualquier rumor se convertía en noticia con el fin de saciar el apetito de aquellos que esperaban ansiosos el lanzamiento del gadget del que Steve Jobs aseguro sería lo mejor que ha hecho.

Llego el esperado día. Jobs reaparecía en público tras una prolongada baja por enfermedad y el iPad (bautizado en la red como el ipod gigante) se mostraba al mundo en una conferencia cuidada hasta el último detalle.

Y los aplausos no llegaron… De hecho, las expectativas eran tan altas que buena parte del hype se ha vuelto en contra de un producto de apple por primera vez en mucho tiempo. Apenas han hecho falta un par de días para que empiecen a circular vídeos en la red tan simpáticos como el siguiente

Portales como xataka empezaban a hacerse eco de alternativas al tablet de apple, destacando el ExoPC: Un dispositivo con pantalla multitáctil de 8.9 pulgadas a 1024×600, Windows 7 (flash y multitarea incluidos).

Me sumo a la gente que ve el ipad bastante flojo. El diseño no convence, sigue sin ser multitarea (nada de realizar descargas en safari), no incorpora finder, flash no llega (ni llegará), etc. El iphoneOS no cumple con las expectativas de aquellos que esperaban un mac OS X adaptado.

De todas formas, tampoco pienso que OSX, Win7 o Linux sean mejores sistemas operativos para este tipo de dispositivos. Me resulta difícil imaginarme navegando entre los distintos menus de una aplicación (firefox, openoffice, etc) en una tablet sin stylus. Y es ahí donde radica el grandeza del iphoneOS, esta concebido para ser manejado única y exclusivamente mediante una pantalla multitouch. Este lanzamiento ha sido un gran FAIL pero a futuro veo en iPad bastante potencial si se animan a incorporarle un SO menos limitado.

P.D: No se si a raíz de esto, pero Steve anda bastante calentado y ha lanzado algunas declaraciones bastante ácidas a google y adobe:

P.D.2: Circula por internet un vídeo que muestra como editar la apariencia de un iTouch/iPhone para que luzca estilo ipad (Queda bastante bien, probablemente me anime a cambiar el dock del mio). Requiere jailbreak.

Instalar firefox 3.6 en ubuntu

Serán muchos los usuarios de linux que deseen actualizar a la última versión de mozilla firefox sin esperar una nueva release de su distro favorita. A continuación os dejo las instrucciones para añadir el repositorio que contiene la versión 3.6 del navegador (estable, no daily-build) en ubuntu.

Karmix (9.10) / Lucid (10.4) ejecutar en terminal

sudo add-apt-repository ppa:mozillateam/firefox-stable

Jaunty, Intrepid o Hardy (Asegurarse de reemplazar “VERSION_DE_UBUNTU” por la versión de vuestra distro)

sudo bash -c "echo 'deb http://ppa.launchpad.net/mozillateam/firefox-stable/ubuntu VERSION_DE_UBUNTU main' >> /etc/apt/sources.list"
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys CE49EC21

Y ya solo queda actualizar los repos e instalar el programa:

sudo apt-get update && sudo apt-get install firefox-3.6

Si lo preferís también es posible optar por Swiftfox 3.6, una versión optimizada del navegador para distintos procesadores (disponibles paquetes .deb optimizados para AMD64, AMD anteriores, Intel Prescott y anteriores).

Vía webupd8

Firefox 3.6

Hoy, 21 de enero, es la fecha elegida por mozilla para el lanzamiento de Firefox 3.6. A partir de las 9:30 PST (Pacific Standard Time) podrá descargarse esta nueva versión que promete mejorar la velocidad,estabilidad y experiencia del usuario respecto a versiones anteriores.

Firefox 3.6 cuenta con numerosas mejoras y novedades entre las que destacan:

  • Compatibilidad con la HTML5 File API mediante la cual ya es posible subir ficheros con javascript. También se han añadido eventos Drag and Drop.
  • Se han introducido cambios en el modo en el que se integran las extensiones/software de terceros con firefox que mejoran la estabilidad
  • CSS Gradients-Backgrounds y Web Open Font Format para desarrolladores
  • Nuevos temas visuales (Personas): Más rápido y ofrece previsualización de la nueva apariencia
  • Capacidad de correr script asincrónicamente para mejorar la velocidad de carga de las páginas
  • Firefox 3.6 avisará de plugins desactualizados para mejorar la seguridad
  • Ahora es posible reproducir a pantalla completa los vídeos html5
    fullscreen
  • Mejoras en rendimiento javascript, respuesta general del browser y tiempos de arranque
  • Añadidos mecanismos para evitar que software no compatible cuelgue el navegador
  • Compatible con nuevas técnicas CSS, DOM y HTML5

Hace algún tiempo compare firefox 3.6 beta 4 y 3.5 en un benchmark javascript, la mejora fue muy notable:
firefox_benchmark

Para terminar os dejo un vídeo donde el jefe de desarrollo de mozilla hace un repaso de las novedades incorporadas en esta nueva versión:

Links: página oficial de mozilla firefox

Killer Bean Forever

Después de haber sido el responsable de animación de Matrix Reloaded, Jeff Lew decidió crear su propia película de animación. Durante 5 años, ha estado trabajando 14 horas al día, 7 días a la semana, delante de su ordenador. Afirma haber invertido todos sus ahorros y haberse endeudado al máximo para lograr su sueño, pero finalmente, después de todo este esfuerzo y sacrificio la película ya esta la venta en internet : Killer Bean Forever.

Aquí tenéis la primera escena al completo

Todo un ejemplo de emprendedor

Novedades de jQuery 1.4

El framework javascript más laureado llega con importantes mejoras de rendimiento y nuevas funcionalidades en su reciente versión 1.4.

Lanzado el 14 de enero, coincidiendo con el cuarto aniversario del proyecto, esta versión supone la reescritura de buena parte de las funciones más populares con el objetivo de simplificar el mantenimiento del core y aumentar la velocidad de respuesta del framework.

Setters

Las funciones .attr(),.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), y .toggleClass() ya aceptan funciones como parámetro facilitando la modificación de los elementos.

// find all ampersands in A's and wrap with a span
$('a').html(function(i,html){
  return html.replace(/&/gi,'&');
});

// Add some information to the title of the anchors
$('a[target]').attr("title", function(i,title){
  return title + " (Opens in External Window)";
});

Serializar parámetros anidados

En jQuery 1.3 {foo: ["bar", "baz"]} era serializado como foo=bar&foo=baz, ahora el resultado quedaría en foo[]=bar&foo[]=baz

De todas formas, aún es posible volver a el comportamiento tradicional:

// Enables for all serialization
jQuery.ajaxSettings.traditional = true;

// Enables for a single serialization
jQuery.param( stuff, true );

// Enables for a single Ajax requeset
$.ajax({ data: stuff, traditional: true });

El método serialize() también reconoce ahora elementos html5 como `datetime` o `range`.

Contexto en llamadas ajax


Read more