-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;

Para esto surgio este pequeño script llamado Prefix Free que nos solucionara este problema y solo te dedicaras a escribir el código normal sin necesidad de estar agregando los prefijos

Descargar el contenido de imágenes en Inkscape formato SVG

En este caso lo haré con Mootools.

Bueno dejo aquí una pequeña explicación de como es su funcionamiento.

Primero agregamos los enlaces que vamos a necesitar, no importa la cantidad.

• Enlace 1

• Enlace 2

• Enlace 3

Una ves agregado los enlaces procedemos al escribir el código JavaScript de Mootools

window.addEvent('domready', function () {
//Esta función se encarga de recorrer todos los enlaces de la misma clase
			$$('.enlaces').each(function(el) {
// agrega el evento click a cada elemento encontrado
				el.addEvent('click', function(e) {
//Cancela cualquier evento que tenia por default el enlace
					e = new Event(e).stop(); 

                                        // Seleccionamos que etiqueta del enlace queremos recuperar en este caso la etiqueta rel 
                                        // igualmente puede ser cualquier otra etiqueta: title, href ...
//Guardamos el valor recuperado en una variable

                                        var valor = el.get('rel');  

 alert(valor); //Mostrar su valor

                                        //De aquí en adelante puedes definir todas las acciones que quieres que se lleven a cabo.

				});
			});
            });

Aqui dejo en enlace para que puedan descargar el ejemplo, completo y funcionando: Descargar Ejemplo completo

Hola que tal les traigo una guía de HTML5, presentada por el sitio de Maestros del Web, merece la pena darle una leída y conocer la ventajas que nos ofrece esta nueva generación para el diseño de páginas Web.
Para descargar la guía solo visita el siguiente enlace: Descargar Guia de HTML5

<select id="nombres" name="nombres">
<option value="Jesus"> Jesús</option>
<option value="Velissa"> Velissa </option>
<option value="Luis">Luis</option>
</select>

Y queremos seleccionar por ejemplo el nombre de Velissa, solamente tenemos que escribir la siguiente sintaxis:

window.addEvent('domready', function(){
            $('nombres').set('value','Velissa');            
  });

Espero que les sirva este tip.

Hola que tal, aquí les dejo un Calendario que hice en Mootools, este calendario es el clásico que se compone de 3 select (día, mes y año), para permitirnos seleccionar una fecha rápidamente, pero no es un simple calendario, una de las características principales es de que válida la fecha seleccionada, así que es perfecto para formularios de registro. Cualquier duda sobre el calendario me la pueden decír.

Igualmente pueden mejorar el código del script, no tengo mucha experiencia en Mootools, pero poco a poco se va aprendiendo.

Funciona con Mootools 1.3, además de que requiere Mootools-more(Locale).

Descargar Calendario Clásico

]]> http://logoscda.com/blog/2011/08/calendario-clasico-en-mootools-2/feed/ 1 http://logoscda.com/blog/2011/07/iconos-vectoriales-me-gusta/?utm_source=rss&utm_medium=rss&utm_campaign=iconos-vectoriales-me-gusta http://logoscda.com/blog/2011/07/iconos-vectoriales-me-gusta/#comments Wed, 13 Jul 2011 05:54:27 +0000 jesusjvc http://logoscda.com/blog/?p=778

Ahora que ando mejorando mi página Web estuve buscando iconos del famoso “Me gusta” ya muy común a usarse para darle valor a X contenido, pero no encontré muchos iconos que digamos, así que me dí a la tarea de hacer algunos en iconos formato SVG los diseñe utilizando Inkscape.

Les comparto el archivo así ya puedes cambiarles el color, tamaño, etc.

Espero les agrade, Saludos.

Descargar archivo de Iconos “Me Gusta”

Una de las novedades que incluye las nuevas hojas de estilo de CSS3, es la creación de degradados o gradients, y aunque es sencillo su uso, no caería nada mal estas herramientas online que nos ayudan obtener de una manera fácil degradados con los colores que deseamos y a la ves genera el código para utilizarlo en nuestras hojas de estilo.

Enlace: CSS3 Gradient Generator

Ultimate CSS Gradient Generator

Enlace: Ultimate CSS Gradient Generator

Web Developer Tools es una aplicacion que incluye un conjunto de herramientas que facilitarán el proceso de diseño de una página Web, ya que incluye herramientas para el manejo de hojas de estilo CSS3, editor de HTML 5, compresores de código JavaScript entre muchas utilidades como pueden ser:

• Task Manager
• Dean Edwards Javascript Compressor
• JSMin
• Css Minifier
• Css Type Set Generator
• Css Button Generator
• Cool Button Generator
• RGB / HEX Color chart
• VTE Terminal
• WYSIWYG HTML 5 Editor
• Website Analyzer (Yslow+PageSpeed)
• 3 x online W3C validators
• ScriptBook
• Customizable menu for other apps

Para instalar Web Developer Tools en Ubuntu primero debes agregar el repositorio PPA y luego instalar la aplicaciones ejecutando los siguiente comando en la terminal: