John Dyer ha desarrollado un nuevo interfaz para la selección de colores basada en Prototype.
No es el primer “cuentagotas” que se ha desarrollado hasta el momento pero por lo que he visto a día de hoy es de los más completos y prácticos, sobre todo para usuarios acostumbrados a trabajar con aplicaciones gráficas (Photoshop, Gimp, …) en el que se encuentran herramientas similares a esta.
Demostración Color Picker
Vía: John Dyer, Webmasterlibre
Otras herramientas similares:
Alexseo ha publicado la traducción de WordPress 2.3. Esta traducción permitirá que podamos disfrutar de todo el potencial de WordPress 2.3 en nuestro idioma.
una vez más me he encontrado con el mismo problema de siempre. tengo que hacer un listado de países y para variar no tengo guardado ningún archivo .sql con los países. en lugar de volver a alguno de los proyectos y preparar algún script para generar un sql que liste los países he optado por buscar en internet.
en korsarios.net he encontrado una referencia muy interesante en la que ofrece un .sql con el listado de países en inglés, y otro en español.
Vía: Korsarios
Archivos: SQL – Listado de países en español | SQL – Listado de países en inglés (Country list in SQL)
Hay un tema que siempre me ha mosqueado y es que para los CSS todos los campos se trataban por igual ya fueran checkbox, campos de texto, botones,… etc.
hasta ahora lo que hacía era definir clases para los distintos campos y asignarlas en cada elemento del HTML.
hoy he encontrado unos criterios que sirven para distinguir los distintos elementos input y poder así asignarles distintos estilos sin necesitar definir una clase para ello.
La pena es que en las pruebas que he realizado hasta el momento estas reglas funcionan unicamente en firefox.
<style type="text/css">
input[text] { background-color:#EE0000; }
input[submit] { background-color:#DD0000; }
input[submit] { background-color:#CC0000; }
input[checkbox] { border:2px solid #EE0000; }
input[password] { font-size:18px; width:400px; }
</style>
<style type="text/css"> <input type="text" value="campo de texto" /> <input type="submit" value="botón de envío" /> <input type="button" value="botón simple" /> <input type="checkbox" /> <input type="password" value="clave" /> </style>
Permalink
Tras varios meses de desarrollo por fin publicamos la tienda online de futbol Maxfutbol. ha sido más largo de lo que esperaba pero al final ya está en marcha.
el proyecto está desarrollado en PHP y MySQL y tanto la tienda como el gestor de contenidos contienen funcionalidades basadas en AJAX
Web: Maxfutbol – Tienda de futbol online
Desarrollador: Factor Ideas
una colección bastante maja de iconos bajo la licencia de Creative Commons
Vía: Leandono’s Blog
Web: Developpers Icons by *Sekkyumu
Descargar: Developpers Icons by *Sekkyumu
Hoy me he encontrado ante la necesidad de hacer un popup y en lugar de utilizar las clásicas funciones de javascript he optado por buscar alguna solución aprovechando las librerías de Prototype.
Tras buscar un poco por Google he encontrado un post en un blog (jehiah) con una función que puede generar un popup muy parametrizable utilizando eventos y funcionalidades de Prototype.
El ejemplo encontrado es el siguiente:
var Popup = {
open: function(options)
{
this.options = {
url: '#',
width: 600,
height: 500,
name:"_blank",
location:"no",
menubar:"no",
toolbar:"no",
status:"yes",
scrollbars:"yes",
resizable:"yes",
left:"",
top:"",
normal:false
}
Object.extend(this.options, options || {});
if (this.options.normal){
this.options.menubar = "yes";
this.options.status = "yes";
this.options.toolbar = "yes";
this.options.location = "yes";
}
this.options.width = this.options.width < screen.availWidth?this.options.width:screen.availWidth;
this.options.height=this.options.height < screen.availHeight?this.options.height:screen.availHeight;
var openoptions = 'width='+this.options.width+',height='+this.options.height+',location='+this.options.location+',menubar='+this.options.menubar+',toolbar='+this.options.toolbar+',scrollbars='+this.options.scrollbars+',resizable='+this.options.resizable+',status='+this.options.status
if (this.options.top!="")openoptions+=",top="+this.options.top;
if (this.options.left!="")openoptions+=",left="+this.options.left;
window.open(this.options.url, this.options.name,openoptions );
return false;
}
}
La forma de hacer la llamada en el HTML sería la siguiente:
<a href="path/to/page" onclick="return Popup.open({url:this.href});">link title</a>