Archivo de la Categoría Desarrollo

TechCrunch informa que Flickr ofrecerá edición de fotos. Utilizará integración en un iframe con la herramienta de edición en Flash, Picnik.

La herramienta Picnik actualmente se utiliza tambiénen otros sitios como Facebook, Picasa Web Albums, Photo Bucket,…

Vía: Ajaxian, TechCrunch
Otras Herramientas de edición de fotos: FotoFlexer

Marcel Oelke ha recuperado parte de su código para escribir un sistema que sirve para loggear el recorrido del ratón utilizando Javascript y Ajax. Es una forma interesante de analizar el comportamiento de los usuarios en tu página.

Podéis ver un ejemplo en la demostración del loggeador de recorrido en acción.

Vía: Ajaxian

Ayer anunciaron desde la Web de Prototype la versión 1.6.0 RC1 de su popularframework. En ella encontramos numerosos cambios y mejoras em en el framework. En esta nueva versión nos encontramos entre otras cosas con un peso bastante reducido (21kb).

Vía: aNieto2K
Web: Prototype
Descargar Prototype 1.6.0 RC1

John Dyer ha desarrollado un nuevo interfaz para la selección de colores basada en Prototype.

PhotoShop-like JavaScript Color Picker

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.

Descargar Wordpress

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.

Estilos

<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>

HTML

<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>

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

Maxfutbol - Tienda de futbol online

Web: Maxfutbol - Tienda de futbol online
Desarrollador: Factor Ideas

una colección bastante maja de iconos bajo la licencia de Creative Commons

Developers Icons

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>
[x] Cerrar
E-mail