Si quieres conocer un poco más sobre la programación web, el saber de CSS es fundamental, por ello, os dejo una lista de reproducción del canal de Youtube de phpacademy donde hay casi 10 horas sobre el tema. ¡Disfrutar!

Con el siguiente código se genera el botón Pin It de Pinterest usando las funciones de WordPress para capturar la URL del post, la imagen asociada al post y el título del mismo:

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

Para poder usar la función de “the_post_thumbnail” tú theme lo debe activar, si no lo está ya, puedes leer más sobre este tema en la documentación de WordPress: Post Thumbnails Codex

Nota: El archivo javascript no hace falta añadirlo cada vez, si lo llamas en el footer.php antes del </body> ya te puedes olvidar de esa llamada.

PD: También me puedes encontrar en Pinterest:  https://pinterest.com/thedavis/

Más información | Pinterest

En Cristalab han publicado un pequeño tutorial para ir viendo como se hacen estas validaciones que realiza el mismo navegador sin necesidad de javascript.

Fuente: Cristalab

Fuente: Cristalab

No se ha hecho esperar demasiado y desde hace unos días ya está disponible la primera versión de la API para Google+.

De momento solo podemos acceder a datos públicos de los usuarios y es bastante limitada. Supongo que se trata de un adelanto a futuras versiones y primera toma de contacto con la API. Desde luego la potencia de Facebook o Twitter radica en sus API que los desarrolladores aprovechan muy bien para integrar en sus aplicaciones.

Google ha liberado además librerías con la intención de facilitar el uso de la API en los siguientes lenguajes de programación y entornos de trabajo:

• Java
• GWT
• Python
• Ruby
• PHP
• .NET

Ejemplos de implementación | Genbetadev

Más información | API Google+

El fabuloso y popular complemento Firebug ha sido renovado en la nueva versión 1.8 publicada recientemente. Firebug 1.8 es compatible con Firefox 5.0 y cuando sea publicada la versión 6.0 del navegador también será compatible. Para versiones de Firefox en fase beta (7 y 8) hay disponible Firebug 1.9a.

Respecto a las mejoras, puedo contaros que ahora podemos saber la IP remota de los archivos que carga una web desde el panel de Red. Además  hay disponible una vista previa en HTML que funciona a las mil maravillas. Puedes ver una lista completa de cambios aquí.

Para mi Firebug es una herramienta impresindible en mi día a día y sobretodo cuando estoy trabajando con AJAX o jQuery por ejemplo.

Sitio oficial | Firebug

En Genbeta Dev han publicado un interesante Benchmark entre C, C++, C#, Python y Go para despejar las dudas sobre la supuesta lentitud del lenguaje de programación Go desarrollado por Google.

Un muy elaborado benchmark de obligada lectura.

Vía | Genbeta Dev

Más en Genbeta Dev | Introducción al lenguaje de programación Go

Los chicos de Genbeta Dev han publicado un tutorial a modo de introducción a la Google App Engine. La App Engine es la plataforma de desarrollo y hospedaje de aplicaciones web. El uso de la infraestructura de servicio de Google App Engine es completamente gratuita hasta un gigabyte de almacenamiento y cinco millones de visitas mensuales.

Vía | Genbeta Dev

¡Ya era hora de aplicarlo al blog! :)

Con un poco de jQuery y algo de CSS se consigue una fácil validación por parte de cliente de los datos del formulario.

Hace unos días publicaron en Smashing Magazine cinco técnicas muy útiles basadas en CSS y jQuery.

1. Efectos de texto animados,
2. Animar imágenes sin GIFs,
3. Menús drop-down,
4. Navegación Slideshow,
5. Iconos animados en botones sobre el evento hover.

Personalmente el mejor tip de todo el post es el número 2, el animar un fondo sin usar un gifs, es impressive.

Que disfrutéis ;)

Vía: Smashing Magazine

Se puede configurar tanto para scroll vertical como para scroll horizontal. [+DEMOS]

Sizzle

La incorporación de Sizzle hace que la velocidad en búsqueda de selectores se vea incrementada y ofrezca unos resultados muy interesantes.

Inyección HTML reescrita

Los métodos jQuery.html(), .append(),.. encargados de generar HTML dinámicamente han sido reescritos obteniendo una mejora de un 6x en algunos casos sobre jQuery 1.2.6.

Descargar

jQuery Minified / jQuery Regular

Usar con Google Ajax Libraries

Los que usan Google Ajax Libraries para no tener que alojar jQuery en sus servidores lo pueden usar mediante esta URL: http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js

Un nuevo plugin para nuestro querido jQuery que cada día me sorprende más, por lo menos a mi. En este caso Easy Slider nos permite hacer slides de tantas imágenes como queramos verticalmente y horizontalmente. Es fácil configurarlo por CSS y es muy vistoso.

Demos

• Default non-styled image slider
• Non-styled vertical image slider
• Non-styled vertical content slider

[Descarga]

Fuente: Xyberneticos

WP Framewok es un theme en blanco para poder desarrollar tus themes sin partir de “cero”. Es ideal para tener una base y poder aplicar el diseño deseado.

Se instala como un theme normal y ya puedes trabajar con él.

Una muy buena idea para poder generar themes para WordPress.

Fuente: Xyberneticos

* { 
 
padding: 0; 
 
margin: 0; 
 
border: 0; 
 
}

10 técnicas Reset CSS que te serán muy útil a la hora de diseñar tus plantillas web. Estas técnicas para resetear CSS te permitirán evitar que los elementos que componen tu web descuadren la página por completo, cuando visiten tu sitio utilizando diferentes Navegadores. Recomendado.

Aquí está el codigo que provoca todo esto:

El error comienza en la línea 249. En circunstancias normales, esto funciona muy bien. La función sigue restando ya sea 365 o 366 hasta que se reduce a menos de un año para luego convertirse en el mes y el día de mes.

Lo que pasa es que en el caso del último día de un año bisiesto, continúa hasta que llega a 366. Debido al if (days>366)la ejecución para de sustraer si el bucle pasa a ser un año bisiesto. Pero 366 es demasiado grande para salir del bucle principal, lo que se traduce en que el Zune continue en el loop infinito sin hacer nada.

Si el error no se arregla, lo mismo va a suceder el 31 de diciembre del 2012…

Seguramente en breve (si es que no ha salido ya) Microsoft publicará un firmware para reparar el problema.

Fuente: Fayerwayer

Uso

Simplemente hay que añadir estas líneas al <head>:

<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
 
<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>
<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

Una vez cargados los ficheros necesarios podremos llamar a las funciones personalizadas:

Alert()

jAlert es el sustituto de alert() y nos muestra alerta básica con un botón de aceptar para que el usuario acepte que ha visto el aviso.

jAlert('This is a custom alert box', 'Alert Dialog');

jPrompt()

Sustituto de prompt() que nos da la opción de introducir un valor desde la ventana.

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    if( r ) alert('You entered ' + r);
});

jConfirm()

Alternativa a confirm() en la que ofrecemos al usuario la opción de aceptar o cancelar una acción.

jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
    jAlert('Confirmed: ' + r, 'Confirmation Results');
});

Demo

Los chicos de jQuery Alert Dialogs han publicado una demo para que podamos ver que tal funciona este sistema.

Consejo de Uso

anieto2k ha propuesto utilizar estas modificaciones de las funciones clásicas de javascript utilizando un sistema que convierta esta opción en una alternativa y que en caso de fallar nos muestre su funcionalidad original, pienso que es muy buena idea:

//alert()
var oAlert = alert;
function alert(txt, title) {
    try {
        jAlert(txt, title);
    } catch (e) {
        oAlert(txt);
    }
}
alert("Hola", "Prueba");
 
//confirm()
var oConfirm = confirm;
function confirm(txt, title, func) {
    try {
        jConfirm(txt, title, func);
    } catch (e) {
        if (oConfirm (txt, title)) func();
    }
}
confirm("Hola", "Prueba", function(){
	alert("Prueba", "Superada");
});
 
//prompt()
var oPrompt = prompt;
function prompt(txt, input, title, func){
    try {
        jPrompt(txt, input, title, func);
    } catch(e) {
        func(prompt(txt, input, title));
    }
}
prompt("Hola", "Valor", "Prueba", function(r) {
	if (r) alert(r);
});

Fuente: anieto2k

[Demo]

Fuente: anieto2k

Instalación

Para instalar parallax, deberemos tener informar, mediante tags <script /> en nuestro <head /> el fichero de jquery-x.y.z.min.js y el de jquery.jparallax.js

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.pack.js"></script>
<script type="text/javascript" src="js/jquery.jparallax.js"></script>

Funcionamiento

jQuery('#parallax').jparallax(options);

Como casi todos los plugins de jQuery, podemos indicar que elemento será sobrecargado con la nueva funcionalidad, para ello lo indicaremos mediante el selecto jQuery() y encadenamos el método jparallax() al que le podemos pasar una serie de parámetros.

Descargar

Actualmente es una versión BETA, la 0.3, por lo que puede dar algún problema en algún navegador. Lo podemos descargar directamente de la página del proyecto.

Fuente: anieto2k

Derick Rethans, Scott MacVicar, Marcus Bointon, Zoë Slattery y Arno Schneider entre otros expondrán temas como la depuración de aplicaciones web con XDebug, distribución de software con PEAR, como usar SQLite3 como base de datos, técnicas de desarrollo ágil de aplicaciones, como optimizar sites con mucho tráfico entre muchas otras cosas interesantes.

Para poder confirmar tu asistencia y no quedarte sin plaza visita la web http://phpconference.es/. El precio es de 20€.