¡Mudamos de blog!

21 Dic

Por fin he sido capaz de sacar tiempo para empezar a escribir otra vez y tener un blog con hosting propio. ¡Que ilu, tia!

Dejaré este blog activo de forma testimonial, ya que no pienso simplemente copiar los artículos que he escrito hasta ahora, si no, mas bien actualizar los tutoriales mas interesantes.

Sin mas, os emplazo a visitar el nuevo blog en www.innominepixel.com

Tutorial: Triangulos con CSS

15 Jul

Una técnica que siempre me ha llamado la atención y lleva un tiempo circulando por la red, es crear triángulos con la única ayuda de nuestra hoja de estilos. Esto es muy sencillo si usamos los bordes de una forma particular. Sigue leyendo

Colortip – crea tooltips con jQuery

15 Jul

En Tutorialzine nos dejan un interesante tutorial con el que crearemos fácilmente un plugin para generar tooltips con jQuery.

Links: Link | Demo

Tutorial: Sencilla galería de fotos con jQuery

8 Jul

En este tutorial, vamos a crear una galería de imagenes de lo mas sencillo, incluso para los mas novatos, con una simple función.

Echadle un ojo al resultado final y vamos al lío…

Sigue leyendo

Wallpaper para el mes de Julio

1 Jul

He creado un wallpaper llamado “SummerTime” para la competición de calendarios del mes de Julio en www.smashingmagazine.com que podeis descargar en varias resoluciónes.

Tampoco está demás ver los otros calendarios para este mes, que son bastante buenos :)

Link: Calendarios para Julio

Soporte CSS3 en Explorer 6, 7 y 8

14 Jun

En fetchak.com han creado un script muy útil para todos los que queremos usar las nuevas posibilidades de CSS3 y nos cortamos por que no se va a ver igual en todos los navegadores.

El script emula mediante VML, un lenguaje especifico para IE de dibujo vectorial, tres de las funciones mas usadas en CSS3:  border-radius, text-shadow y box-shadow.

El uso es muy sencillo, solo tenemos que añadirle una nueva línea al estilo del elemento sobre el que vayamos a aplicar el script:

.roundedBox{
   behavior:url('ie-css3.htc');
}

En su web podéis consultar el ejemplo y las explicaciones de uso.

Link: CSS3 en IE6, 7 y 8

Google Font Directory: Usa tipografías en tus webs

26 May

Google Font Directory es una propuesta de Google para que todos los desarrolladores podamos usar fuentes de letra en nuestras webs almacenadas en el directorio de Google. Es cierto que acaba de salir y a dia de hoy no son muchas las que están disponibles, pero tiene vistas de seguir creciendo.

Además, como siempre, Google nos da una API para que usemos fácilmente estas fuentes en nuestras webs. Es tan sencillo como:

rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">

CSS selector {
  font-family: 'Font Name', serif;
}

Links: Google Font Directory | Google Font API

Notificaciones personalizables con jQuery y Pines Notify

25 May

Pines Notify es un plugin para jQuery que genera todo tipo de notificaciones. Lo bueno de este plugin es que es totalmente configurable y muy flexible a la hora de mostrar las notificaciones, incluso sustituyendo a alert().

Además, el aspecto es personalizable e incluso funciona con los temas de jQuery UI.

De los mejores plugins que he visto últimamente.

Links: Pines Notify

eCart: Plataforma open source para tiendas online

25 May

eCart es un gran gestor de contenidos para crear fácilmente tiendas online. La aplicación es bastante completa, destacando su panel de administración, pudiendo controlar varias tiendas desde el mismo panel.

La plataforma es muy completa y sencilla de usar, aunque todavía se encuentra en fase beta y puede no tener una documentación muy completa.

De todas formas merece la pena echar un ojo.

Links: eCart | Demo tienda | Demo admin

Como usar GD Star Rating con elementos dinámicos (ajax)

21 Abr

Últimamente he estado usando bastante este gran plugin para WordPress con el que puedes crear fácilmente un sistema de votaciones.

El problema que tenía, es que al cargar los posts o comentarios con ajax, las votaciones no funcionaban. Esto se debe a que el evento click de jQuery, solo funciona con los elementos que están cargados en la página y no los que vamos añadiendo posteriormente.

Buscando entre el código de GD Star Rating he encontrado una solución que no podía ser mas sencilla. Se basa en asignarle a las votaciones el evento click de forma permanente a los elementos que coincidan con el selector, mediante live.

Solo tenemos que ejecutar el siguiente código en nuestro script

jQuery(".gdsr_rating_as > a").live('click',function() { gdsr_rating_standard(this); });

jQuery(".gdthumb > a").live('click',function() { gdsr_rating_thumb(this); });

La primera linea es para votaciones con estrellas y la segunda para los pulgares.

Espero haber ayudado a toda la gente que andaba buscando algo parecido, por que no he conseguido encontrar nada por la web.

A %d blogueros les gusta esto: