Publicidad:
La Coctelera

Sergio.Iglesias - Diseño y desarrollo web

recursos sobre diseño web con estándares, programación web, usabilidad, accesibilidad...

Categoría: Diseño con estándares (xHTML + CSS)

3 Noviembre 2006

Cambiar estilos CSS con JavaScript

Javascript nos permite cambiar las propiedades de un objeto usando la sintaxis objeto.propiedad=valor así que cambiando la propiedad href de la etiqueta que enlaza los archivos CSS el estilo especificado se cargará.

Primero, crearemos un enlace al estilo CSS por defecto asignándole un identificador :

<link href="css/defecto.css" rel="stylesheet" type="text/css" id="estilo">

Despues crearemos en Javascript la función que cambiará el estilo. Funciona pasándole como único argumento el nombre o ruta completa del archivo CSS a mostrar. Usaremos la propiedad getElementById() para identificar el objeto:

function estilo(arquivo) {
document.getElementById('estilo').href=arquivo;
}

Y finalmente sólo tendremos que llamar a la función desde un enlace o botón pasándole como argumento el nombre o ruta del arquivo CSS que queramos mostrar:

<input type="buton" value="Cambiar Estilo" onClick="estilo('azul.css');">

Autor: David Martínez - http://www.dmnet.bitacoras.com

servido por Sergio 2 comentarios compártelo

22 Octubre 2006

Colores en la web

Siempre se habla de la importancia de los colores en la web. Aquí presento 2 páginas para poder crear una buena paleta de colores:
- colorschemer.com
- www.colorblender.com

servido por Sergio sin comentarios compártelo

12 Octubre 2006

Recursos para la web

A través del blog de Pixel, descubrimos varios enlaces a tener en cuenta para el diseño y el desarrollo web:
- Recursos de diseño web

servido por Sergio sin comentarios compártelo

14 Septiembre 2006

Menús en CSS

- www.13styles.com: registrándote en esta web (gratis) podrás crear varios menús con CSS.

- MX CSS Menus: varios tipos de menú que puedes visualizar eligiendo el tipo de menú, la disposición y la animación.

- OpenCube: diferentes ejemplos de menús 100% CSS.

- cssplay: amplia colección de menús de esta excelente página dedicada a las hojas de estilo.

- 71 CSS Menu: colección de enlaces directos a menús en CSS.

servido por Sergio sin comentarios compártelo

13 Septiembre 2006

Optimizador de Hojas de estilo

Optimizar los ficheros .css nunca ha sido tan fácil:
- www.cssoptimiser.com

servido por Sergio sin comentarios compártelo

13 Septiembre 2006

Hojas de referencia para HTML, CSS y Charset

Muy interesantes estas hojas con resumen de los caractéres para HTML (todos los caractéres, tanto especiales como no especiales), de las principales etiquetas y atributos CSS y de la forma de servir el código (charset):
- Para HTML
- Para CSS
- Para Charset

servido por Sergio sin comentarios compártelo

11 Septiembre 2006

Links CSS interesantes

Unos cuantos enlaces a páginas web interesantes para crear elementos con CSS y CSS + javascript:
- www.opencube.com
- www.dynamicdrive.com/style
- projectseven.com
- www.likno.com

servido por Sergio sin comentarios compártelo

11 Septiembre 2006

Editor de programación y bloc de notas

Crimson Editor:
se trata de un editor profesional para diversos lenguajes de programación, una utilidad potente pero al mismo tiempo de reducido tamaño y fácil de usar.

Actualización [ 12/09/2006 ]:
A través de un e-mail enviado a la lista de ovillo para preguntar por un editor, han sido varios los que han dado su opinión. La verdad que hay distintas opciones a la hora de elegir un editor.
Yo llevo utilizando Crimson editor desde hace bastante tiempo y la verdad que me va bastante bien (quizás añadiría un autocoplementador y alguna cosilla más, pero...).
De entre los que han enviado a la lista he probado un par de ellos:
- Aptana: un buen editor, pero sólo si vas a utilizar html, xhtml, css y/o javascript. Para los programadores PHP (u otros), nada de nada. Quizás con el tiempo mejore esto porque ahora mismo se trata de una beta (esperemos que sí).
- Notepad++: no está mal, pero ya estoy acostumbrado a Crimson. Del Notepad añadiría la funcionalidad de ocultar los distintos div (para ver bien todo el código) y, ya puestos, pues la traducción al castellano.

Conclusión:
Aunque a Crimson le añadiría algunas cosillas, seguiré trabajando con él. Si alguno se anima a crear algo para el Crimson u otro editor, ya sabe:

  • Autocoplementado
  • Versión en castellano
  • Funcionalidad de ocultar div

servido por Sergio 5 comentarios compártelo


Sobre mí

Avatar de Sergio

Sergio.Iglesias - Diseño y desarrollo web

Fuentesaúco, España
ver perfil »
contacto »
Mi nombre es Sergio Iglesias. Trabajo como diseñador y desarrollador web.

Fotos

Sergio Iglesias todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera