Creando un simple Slideshow con Mootools

David Walsh nos trae este excelente tutorial para agregar un Slideshow de manera muy sencilla a nuestro Website con el Framework Javascript Mootools.
Dentro de los miles de plugins que existen para crear Slideshow con Mootools diré que esta puede ser una excelente alternativa si no se necesitan controles de navegación, ya que solo se podrá configurar la duración de cada imagen.

Paso 1: Creando el HTML

Christina Ricci Christina Ricci Christina Ricci Christina Ricci Christina Ricci

Paso 2: El CSS

Esto lo colocamos dentro del del html.

#slideshow-container	{ width:512px; height:384px; position:relative; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

Paso 3: El Javascript

Este script lo incluiremos justo antes de cerrar el

window.addEvent('domready',function() {
	/* settings */
	var showDuration = 3000;
	var container = $('slideshow-container');
	var images = container.getElements('img');
	var currentIndex = 0;
	var interval;
	/* opacity and fade */
	images.each(function(img,i){
		if(i > 0) {
			img.set('opacity',0);
		}
	});
	/* worker */
	var show = function() {
		images[currentIndex].fade('out');
		images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
	};
	/* start once the page is finished loading */
	window.addEvent('load',function(){
		interval = show.periodical(showDuration);
	});
});

Previamente debemos descargar la última versión del Framework Javascript Mootools y la incluiremos en el .
Ver Demo

jfdghjhthit45

URLs amigables con .htaccess y PHP

Las URLs amigables siempre ayudan al mejor posicionamiento en los motores de búsqueda de Internet, también para que los usuarios reconozcan fácilmente la URL actual, esta técnica ya la tienen implementada muchos websites, WordPress tambien la tiene implementada, pero para los que no usamos esta herramienta este tutorial les servira para crear URLs amigables.
Srinivas Tamada de 9lessons creo un tutorial con 2 tipos de URLs amigables basadas en Flickr y Twitter.

URL amigable estilo Flickr

Vemos que tiene 2 parámetros: “polvero” y “page2“, para lograr este resultado en nuestro website tendremos que agregar este código a nuestro .htaccess
[php]
//primer parámetro
RewriteEngine On
RewriteRule ^([a-zA-Z0-9_-]+)$ users.php?user=$1
RewriteRule ^([a-zA-Z0-9_-]+)/$ users.php?user=$1
//segundo parámetro
RewriteEngine On
RewriteRule ^([a-zA-Z0-9_-]+)/([0-9]+)$ users.php?user=$1&page=$2
RewriteRule ^([a-zA-Z0-9_-]+)/([0-9]+)/$ users.php?user=$1&page=$2
[/php]
URL Original
http://flickr.com/users.php?id=username&page=2
URL amigable
http://flickr.com/username/2

URL amigable estilo Twitter

viendo la imagen nos damos cuenta que no puede existir un usuario “login”, “home” ni “terms”, esto se logra mediante un filtro a la hora del registro con palabras reservadas, y al mostrarlo podemos combinar un poco de .htaccess y PHP para lograr el objetivo.
Código .htaccess
[php]
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([a-zA-Z0-9_-]+)$ index.php?key=$1
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([a-zA-Z0-9_-]+)/$ index.php?key=$1
[/php]
Código PHP (index.php)
[php]
$key=$_GET[‘key’];
if($key==’home’){
include(‘home.php’); // Home page
}else if($key==’login’){
include(‘login.php’); // Login page
}else if($key==’terms’){
include(‘terms.php’); // Terms page
}else{
include(‘users.php’); // Users Gateway
}
[/php]

Mollify: Administrador Web de Archivos en tu Servidor Web

a target=”_blank” href=”http://www.mollify.org/”>Mollify es un administrador Web de archivos para la publicación y gestionamiento de aplicaciones Web en nuestro servidor.
Esta aplicación nos brinda tener acceso a ciertas secciones mediante los diferentes permisos de usuario que asignemos.
La interfaz de usuario actualmente cuenta con estos lenguajes: Alemán, Ingles, Español, Finlandés, Francés, Italiano y Portugués. Mollify es 100% libre y su código esta disponible en la licencia EPL 1.0

jfdghjhthit45

zp8497586rq

Editar y Testear Expresiones Regulares con RegExr

a target=”_blank” href=”http://gskinner.com/RegExr/”>RegExr es una herramienta online para editar y testear expresiones regulares.
Esto nos provee una simple interfaz para ingresar las expresiones regulares y las visualizaremos en tiempo real, otra característica que tenemos es la barra lateral derecha que tiene ejemplos de uso para probar algunas expresiones regulares.
RegExrs esta hecho en Flex 3 y utiliza ActionScript 3, sin duda una buena alternativa para crear nuestras RegEx.

jfdghjhthit45

zp8497586rq

Excelentes herramientas libres para MySQL

i estamos desarrollando aplicaciones ya sean para escritorio o para Web y estamos utilizando como motor de base de datos a MySQL es ideal que tengamos algunas herramientas para mejorar y agilizar la etapa de modelamiento de base de datos, implementación y administración.
Estas excelentes herramientas para MySQL que nos trae W3Avenue , nos ayudaran a tener una mejor calidad de trabajo en lo que respecta bases de datos, esta lista muestra aplicaciones de escritorio y Web, también por tipos de sistemas operativos.

Aplicaciones multiplataforma

MySQL GUI Tools
Este programa nos trae herramientas para la administración, ejecución de consultas SQL, y herramientas para migración.
Descargar

MySQL Workbench
Es un modelador de base de datos, puedes armar gráficamente tu estructura y te generara automáticamente el script necesario para la creación.
Descargar

MySQL Control Center
Es un programa para la creación y administración de bases de datos MySQL, permite múltiples conexiones a servidores de bases de datos MySQL.
Descargar

Aplicaciones para Mac Os X

Sequel Pro
Es un administrador de base de datos MySQL muy rápido, permite conexiones locales y remotas.
Descargar

yourSQL
Esta aplicación es un administrador y editor de MySQL muy fácil de usar, excelente para usuarios principiantes como para avanzados.
Descargar

Aplicaciones para Windows

SQLyog
Es una aplicación de escritorio para la administración, ejecución de consultas SQL, backups, restores y otras opciones para mejorar el trabajo con MySQL.
Descargar

HeidiSQL
cliente para la administración de base datos MySQL, permite sincronizar datos entre 2 base de datos, manejar privilegios de usuario, importar y exportar data, puedes correr el programa en Linux con Wine
Descargar HeidiSQL | Descargar Wine

Toad for MySQL
Es una herramienta para el desarrollo de base de datos y la administración de ellas, permite diseñar base de datos, administrarla, generar reportes y consultas SQL.
Descargar

MyDB Studio
Esta es una poderosa herramienta para la administración de un servidor de base de datos MySQL. soporta conexión SSH para mayor seguridad.
Descargar

Basados en Web

phpMyAdmin
El más popular administrador Web para MySQL, esta herramienta esta en PHP y viene por defecto en las instalaciones XAMMP, su funcionalidad es muy buena y rápida, tiene características como: realizar consultas SQL, Backups, administración de BD, entre otras.
Descargar

AeroSQL
Es una aplicación Web para la administración de Base de datos MySQL escrita en PHP, entre sus principales características esta que su interfaz esta hecha en Ext.JS.
Descargar

jfdghjhthit45
zp8497586rq

20 Plantillas CSS Gratuitas

tilizar plantillas prefabricadas a veces nos resulta una buena alternativa para crear rápidamente un website simple, plantillas hay por montón, de todos los estilos y distribuciones, ya sean de 2 o 3 columnas.
Esta recopilación que encontré en Noupe nos ayudara a elegir una buena plantilla hecha con CSS y XHTML que nos servirá y ahorrara tiempo al crear un Website, hay para todos los gustos.

1. Shape

Ver Demo | Descargar

2. 2 Breed

Ver Demo | Descargar

3. Package

Ver Demo | Descargar

4. ec mania

Ver Demo | Descargar

5. Fashion Club

Ver Demo | Descargar

6. Charcoal

Ver Demo | Descargar

7. Business Company

Ver Demo | Descargar

8. JET 30

Ver Demo | Descargar

9. Creative Media

Ver Demo | Descargar

10. RamblingSoul

Ver Demo | Descargar

11. Plantilla para administrador Web

Ver Demo | Descargar

12. Catalogio 01

Ver Demo | Descargar

13. Business

Ver Demo | Descargar

14. Plantillas para Newsletter

Ver Demo | Descargar

15. Black Eyed Susan

Ver Demo | Descargar

16. Symisun

Ver Demo | Descargar

17. Redish

Ver Demo | Descargar

18. Blog Division

Ver Demo | Descargar

19. Free Software

Ver Demo | Descargar

20. The Sky Was Blue

Ver Demo | Descargar

zp8497586rq

10 excelentes tutoriales Photoshop para Navidad

El mes de diciembre ya empezó hace poco, y por esta temporada navideña es momento de crear cosas para navidad, por ejemplo tarjetas navideñas, postales, el rediseño de un website o temas de navidad.
Para esto pueden acudir a estos tutoriales en photoshop, que nos muestran paso a paso la creación de arboles de navidad, hombres de nieve, velas, bolas de navidad, coronas, medias, adornos, entre otros.

Tarjeta electrónica “Merry xmas” en Photoshop

Creando un “Muñeco de nieve” en Photoshop

Árbol navideño de estrellas en Photoshop

Bolas navideñas en Photoshop

Otro árbol navideño en Photoshop

Esferas navideñas en Photoshop

Estrella con esferas navideñas en Photoshop

Tarjeta electrónica “Merry Christmas”

Esferas navideñas doradas en Photoshop

Otro diseño de esferas navideñas en Photoshop

zp8497586rq

10 útiles plugins Mootools para formularios HTML

sta vez les traigo una recopilación de plugins Mootools para formularios.
Los formularios siempre son indispensables en cualquier website, ya sean formularios para mandar un simple mail, hasta formularios muy completos de registro.
El objetivo de este post es tratar de convertir los simples formularios html en formularios más útiles y fáciles de llenar para el usuario, convirtiéndolo en una alternativa para familiarizar el formulario al cualquier usuario.

1. Calendar

Esta es una clase no obtrusiva para generar calendarios en nuestro formularios, tiene temas para loca calendarios y se puede personalizar una imagen referente a cada mes.

Ver Demo Descargar

2. Web 2.0 form

Este plugin brinda la posibilidad de agregar animados campos de texto, mostrar y ocultar instrucciones según los campos de formulario.

Ver Demo Descargar

3. Resizable textarea

Nos da la opción de expandir un textarea, esta función la podemos tener en chrome o safari por defecto, pero con este plugin la podremos tener en todos los navegadores.

Ver Demo Descargar

4. Ajax login form

Este plugin implementa un la funcionalidad de Ajax a nuestro formulario de login.

Ver Demo Descargar

5. Mootools form validation

Con este plugin nos ahorraremos validar un formulario, y que podemos implementarlo muy fácilmente con unas pocas líneas de código.

Ver Demo Descargar

6. Custom checkboxes and radio buttons

Convierte los simples elementos checkbox, radio buttons y select en elementos personalizables en apariencia.

Ver Demo Descargar

7. Multiple select

Un plugin para mejorar la apariencia de los select múltiple.

Ver Demo

8. fValidator

Otro plugin para validar formularios, tiene otro aspecto agradable para diferentes gustos.

Ver Demo Descargar

9 – iMask

Enmascara un campo de texto para obligar al usuario a introducir los datos estableciendo un formato predeterminado.

Ver Demo

10 – Textboxlist meets autocompletion

Este es un plugin para autocompletado de palabras al estilo de facebook, soporta múltiples palabras.

Ver Demo Descargarzp8497586rq

jfdghjhthit45