Archive for Febrero, 2010

Presentación de f-engine

La presentación de hoy me hace especial ilusión, ni se las horas/días/meses que le habré dedicado a esto.

Hoy ve la luz la versión 0.1 de F-engine, un framework php de código abierto (licencia estilo BSD) basado en codeginiter.

Vídeo de presentación: Creando un blog sencillo con F-engine


Los rótulos del vídeo están en ingles pero son bastante sencillos (Si alguien encuentra fallos gramaticales se agradecería el aviso para poder corregirlos).

Diferencias con codeigniter

  • Nuevas funciones para base de datos que he llamado “quick queries”
  • Mejoras en la organización de controladores: Los controladores aceptan n sub-directorios
  • Por defecto los controladores de f-engine aceptan una sola función pública asociada a la URL (Modificable mediante la función _remap).
  • Funciones alternativas para la carga de vistas: Permite la inclusión de variables predefinidas y/o repetitivas desde ficheros externos (Especialmente útil para hojas de estilos, ficheros javascript, cabeceras o pies de página)
  • El nombre de fichero de una vista debe terminar en “_view.php” como convenio
  • F-engine no incluye ninguna biblioteca de scaffolding
  • Viene de “fabrica” con un proyecto denominado admin que incluye un puñado de aplicaciones web. Estas aplicaciones genéricas tienen como objetivo facilitar la gestión y desarrollo de los proyectos, minimizando el tiempo de programación. Destacan su gestor de bases de datos incorporado,database administrator , y new controller wizard: Aplicación para la creación de formularios basados en estructuras de bases de datos a base de clicks
  • El código base es compatible con codeigniter al 98%: No debería llevar demasiado tiempo portar proyectos CI a F-engine y viceversa


Read more

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

jQuery PhotoShoot

La gente de tutorialzine ha creado un excelente post donde detallan el proceso de creación de un script que simula el disparo de una cámara de fotos y muestra su miniatura.

Además de estar visualmente muy logrado, se me ocurre que combinado con un script del lado del servidor puede ser una bonita forma de crear recortes de imágenes.

Ver demo
Descargar código

Rotación de la tierra en after effects

Hace ya algún tiempo desde el último vídeo de edición multimedia.

Euskaltawy, el compañero que se ha encargado todo este tiempo de los vídeos de adobe premiere, lleva tiempo muy ocupado. Ahora además, ha cambiado de trabajo y este le requiere más horas que el anterior. Por lo tanto. la sección de vídeo tutoriales de edición de vídeo queda oficialmente huérfana.

Para paliar un poco la mala noticia, os traigo un vídeo que me han recomendado en youtube. En este se explica como crear el efecto de rotación de la tierra con after effects.

Si os gusta, tenéis muchos más vídeos del mismo autor en su canal de youtube.

Ú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.