10 Menus de navegación con jQuery

Algunos menus animados y con un estilo llamativo que se puede lograr con la ayuda de jQuery y algunos de sus componentes extra.

FUENTE: 10 incredible JQuery navigation menus.

Función PHP para forzar la descarga de archivos

El título lo dice todo:

function force_download($file)
{
    if ((isset($file)) && (file_exists($file)))
    {
       header("Content-length: ".filesize($file));
       header('Content-Type: application/octet-stream');
       header('Content-Disposition: attachment; filename="' . $file . '"');
       readfile("$file");
    }
    else
    {
       echo "No se ha seleccionado ningún fichero";
    }
}

FUENTE: 21 Really Useful & Handy PHP Code Snippets

Ejecutar comandos en la Shell desde PHP

De vez en cuando nos vemos en la necesidad de ejecutar algún comando en la Shell, en el servidor que tenemos como alojamiento web, pero surge el inconveniente de que no siempre tenemos acceso a ello. Para buena fortuna aquí hay un articulo sobre como implementar lo que llamo “consola web”, para quitarnos este fastidioso problema de encima.

FUENTE: How to Write a PHP Script to Run Shell Commands from Browser

Enviar datos por post con PHP

Con esta función puedes hacer una petición con el método POST y enviar datos abriendo una conexión por socket. Leer más »

Como hacer un plugin para jQuery

Para los amantes a jQuery aquí les tengo una guía en la cual se explica como crear un plugin para esta librería.

FUENTE: How To Develop a jQuery Plugin

Menú horizontal con jQuery

Excelente menú horizontal con sub-menu.

DEMO

FUENTE: Horizontal Subnav with CSS

El poder del HTML 5 y CSS 3

Veamos lo que se puede lograr con HTML 5 y CSS 3.

Entre las mejoras que veo destacan:

  • Estructurar mejor el documento HTML con etiquetas mas limpias y precisas.
  • Selectores CSS avanzados que nos permiten dar estilos de manera más especifica.
  • Etiquetas como <audio>, <video>,  que nos simplifican la vida.

FUENTE: The Power of HTML 5 and CSS 3

Técnicas para Cross-Browser CSS

Hacer un website compatible con todos los navegadores es probablemente la tarea mas incomoda que debe realizar un desarrollador web. Afortunadamente podemos hablar de CSS Cross-Browser, que no es más que una serie de técnicas y consejos para desarrollar websites que se vean exactamente igual en cualquier navegador.

Leer más »

Crea diagramas utilizando Canvas en HTML 5 y jQuery

Canvas es una nueva etiqueta que ha sido incluida en la especificación de HTML 5, y nos permite crear gráficos, composiciones de imágenes e incluso animaciones, que antes solo podíamos emplear a través de un lenguaje de scripting como JavaScript, pero ahora ha sido incluida en la especificación de HTML 5 por el W3C.

El articulo que muestro a continuación nos muestra un plugin para jQuery con el que podemos hacer este tipo de gráficos al estilo jQuery (rápido y fácil).

FUENTE: jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

10 tips para mejorar tu JavaScript

Interesante colección de tips para mejorar nuestro JavaScript.

1. Utiliza el atributo defer sólo para scripts IE externos.
2. Utiliza una sección CData para prevenir XHTML de errores estrictos de validación.
3. Evita las palabras claves JavaScript al crear identificadores de usuario.
4. Evita las palabras Javascript reservadas al crear identificadores de usuario.
5. No cambies el tipo de una variable después de la declaración inicial.
6. No utilices variables globales.
7. JavaScript es sensible al caso.
8. Utiliza switch para manejar condiciones múltiples.
9. Utiliza try-catch para prevenir que los errores se muestren a los usuarios.
10. Realiza comentarios multi-línea legibles, pero simples.

Aquí encontraras los detalles sobre cada punto:
FUENTE: 10 JavaScript Quick Tips and Best Practices