• http://bit.ly/qkEbik <- Usar la geolocalización de HTML5 para mostrar la distancia de tus visitantes en el blog, web, etc… #
• http://bit.ly/qzU2ug <- Tutorial para iniciarte en el desarrollo de plugins para WP vía @smashingmag #
• http://bit.ly/oxRghz <- Ya queda menos para odiar a todo smartphone jamás creado xD #
• http://bit.ly/roOcgD <- “Predicciones para el evento «Let’s talk iPhone» de Apple de esta tarde”. Humor muy microsiervos (vía @microsiervos) #
• http://bit.ly/nss46k <- Crear custom post meta boxes en #wordpress ¡fácil fácil! #
• http://bit.ly/nIDrUi <- La importancia de la optimización de webs para móviles #
• http://bit.ly/n2OM2G <- Llegan las bases de datos relacionales a la AppEngine de Google con Google Cloud SQL #
• http://bit.ly/nvXM8c <- Ubuntu App Developer Portal, para aprender a crear y publicar tus aplicaciones de Ubuntu #

Puedes seguirme en @davidcorto

• http://bit.ly/p8FgNo <- Google Adwords prioriza en webs compatibles con dispositivos móviles. Hay que adaptarse chicos :) #
• http://bit.ly/ponzqk <- Threads a fondo con Python #
• kcy.me/53dk <– HTML5 drag&drop files, el how-to definitivo (Vía @aNieto2k) #
• http://bit.ly/nYcXVc <- Cosas que puedes hacer con tu Android #
• http://bit.ly/oXpni4 <- FACUA vs Apple jojojojo #

Puedes seguirme en @davidcorto

• http://bit.ly/mVNVMI <- IVA en la venta de aplicaciones para móviles. #
• http://bit.ly/qQHpQ5 <- Nuevo i7-2700K de Intel, mejorando la generación Sandy Bridge y además con OC libre. #
• http://bit.ly/q9YpvH <- Examina tu red wifi a fondo con NetSpot (para Mac). Esto tengo qué probarlo :) #
• http://bit.ly/nsK9WL <- No te pierdas en Twitter y aprende las abreviaturas más usadas. #
• http://bit.ly/mQmziu <- Evolución y futuro de WordPress. #
• http://bit.ly/r3NJuD <- Sistema anti-colisión para el coche en Android y además con “Realidad Aumentada” :) #
• http://bit.ly/mPglwj <- La regulación en las ofertas comerciales, interesante reflexión :) #
• http://bit.ly/pJXkor <- Interesante plugin para FF y Chrome. Detecta las tecnologías usadas en la web :) #
• http://bit.ly/oIFmsn <- Mapa interactivo de los cable submarinos. #
• http://bit.ly/qFkCt1 <- Introducción a multiprocesamiento en Python. #
• http://bit.ly/o81s2x <- Twitter desde el terminal en Linux, tuitear más geek es imposible xD #

Puedes seguirme en @davidcorto

• http://bit.ly/qywntY <- Y ahora resulta que Android no es tan abierto…
• http://bit.ly/noNAck <- En UbuntuGeek te cuentan como ahorrar energía en tu laptop en Ubuntu
• http://bit.ly/pifRoB <- Muy interesante introducción a variables de cliente en HTML5
• http://bit.ly/qSxAGa <- El día que Apple se convirtió en la empresa más valiosa del mundo…
• http://bit.ly/ouqlSp <- ¡Ping of Death ha vuelto!

Puedes seguirme en @davidcorto

• http://bit.ly/oXH4Ef <- Calendarios Wallpapers de Agosto vía @smashingmag
• http://bit.ly/mWreez <- JS1k: el concurso de JavaScript en 1024 bytes (vía @microsiervos )
• http://bit.ly/nrcL4X <- Haciendo cuentas sobre lo que se queda la SGAE cuando grabamos en CD’s nuestras distribuciones linux GPL…
• http://bit.ly/qOEAOX <- ¿Porqué se chamuscó el Renault?
• http://bit.ly/pLOEsJ <- Ver servicios habilitados o no en Ubuntu
• http://bit.ly/nV5H3Z <- Hoy cumple 20 años la www

Puedes seguirme en @davidcorto

• http://bit.ly/nFVhfD <- Hackeando baterías de los MacBook.
• http://bit.ly/nQFhAC <- El email sigue siendo importante.
• http://bit.ly/nmYgzC <- Review de los 10 mejores servicios de almacenamiento en la nube. Yo uso Dropbox :)
• http://bit.ly/rpTImg <- El poder del RSS. Interesante y muy buen artículo.
• http://bit.ly/nM7izu <- Hoy MS-DOS cumple 30 años.
• http://bit.ly/r3mJlf <- Destrozando, perdón, “desorbitando” 4500 millones de dólares (caros y bonitos fuegos artificiales hacía el 2020…)
• http://bit.ly/pUlYn4 <- Nuevo Android Market ahora con e-books y alquiler de películas.
• http://bit.ly/oKfGyO <- Se unifica el lenguaje NoSQL en uno nuevo llamado UnQL

Puedes seguirme en @davidcorto

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

• http://selnd.com/nnjsxh – La tabla periódica de los SEO
• http://bit.ly/rnz5zP – Todo lo que necesitas saber sobre HTML5
• http://bit.ly/qK1Pt6 – Recursos para empezar con HTML5
• http://bit.ly/oAcX56 – Piratas de 0,79€, interesante reflexión sobre la piratería en software para iPhone
• http://bit.ly/rjsSUr – ¡W00ahh! Fibonacci en el logo de Apple (curioso)
• http://bit.ly/pwbwCV – Algo más de luz acerca de las métricas de Youtube
• http://bit.ly/nGFylk - Interesante artículo sobre los cables submarinos
• http://mzl.la/pQLLlx – Plugin de Firefox para ver las webs en 3D (sin gafas eh)

Puedes seguirme en @davidcorto

Introducción a HTML5

Genial introducción al futuro de la web, el HTML5

Taller de SEO

Muy buena conferencia sobre SEO, SEM y PPC.

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.

Fuente: anieto2k

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

• Ajax Drop down Tab Menu…
• CSS Play Mini Tabs
• jQuer Tab Skin
• Sliding Tabs
• Coda Slider
• Tab Accordian
• Perspective Tabs
• Scrolling Tabs
• jQuery idTabs
• Rotating UI Tabs
• Floating Window with Tabs
• Closable Tabs
• Paged Tab Menu
• Draggable Tabs
• Fancy Sliding Tab Menu
• Carousel Tab
• Moo Tabs
• jQuiery UI Tab
• Ajax Tabber
• Nested Tabs
• Moo Fx Two Column Accordian
• Moo Fx Horizontal Accordian
• Hover Accordian
• Draggable Accordion
• Simple Javascript Accordian
• Moo Tool Accordian
• Accordion v2.0
• Yet Another Mootool Accordion
• Completely Flexible Accordion
• Horizontal Accordion

Fuente: anieto2k

Es muy fácil de utilizar y además te genera las imágenes en varios tamaños y formatos.

Bonus: También genera QR-Codes del texto generado, genial :)

Fuente: GeeksRoom

Funciones

1. alphanumeric – permite letras y números
2. alpha – sólo permite letras
3. numeric – sólo permite números

Propiedades

1. allow – añade caracteres permitidos
2. ichars – define caracteres personalizados a prevenir
3. allcaps – sólo permite mayúsculas
4. nocaps – sólo permite minúsculas

Ejemplos

1. Sólo permitir letras: $(‘.sample1′).alphanumeric();
2. Sólo permitir números: $(‘.sample4′).numeric();
3. No permitir “.” “1″ “a”: $(‘.sample6′).alphanumeric({ichars:’.1a’});

[Demo] [Descargar]

Existe también un plugin llamado Numeric, pero que solo previene la entrada de números, no puedes optar entre uno u otro. Es interesante disponer de las dos opciones en un mismo plugin. Por otra parte también os recuerdo que existe el plugin llamado Masked Input que te permite generar máscaras de entrada personalizadas. Funciona perfecto para introducir números IP, teléfonos, cuentas bancarias…

Demo | Descargar

Fuente: anieto2k