Archivado en CSS, herramientas :: Por aldols :: octubre 6, 2009 ::
Para los que diseñemos paginas web sabemos que es muy importante implementar hojas de estilos (CSS), lo cual nos será de mucha utilidad para darle un mejro diseño y vista a nuestro sitio web. Crear una hoja de estilos en ocasiones es muy laborioso y puede dificultarse un poco debido a que el codigo implementado no logra que tu web se vea como tu lo deseas.
Afortunadamente esxiste un software gretuito llamado ArduoCSS, el cual es un editor visual de CSS, lo que te facilitara la creación de tus hojas de estilo, ya que cuenta con una interfaz visual y no necesitas escribir codigo. Esta herramienta te sera de gran de utilidad. Ademas te permite comprimir u optimizar tu CSS a traves de una herramienta llamada CSStidy desarrollada por Florian Schmitz.
Como ya les mencione, lo mejor de esta herramienta es que es gratuita y pesa solo 1.5 Mb. Para poder instalarla necesitamos el Net Framework 2.0.
ArduoCSS | Web | Descargar
Navegando por la red me encuentro un excelente tutorial en Pablogdesign de como crear un dropdown menu con los enlaces de tu blogroll, todo esto sin la necesidad de utilizar javascript. Todo esta hecho a base de CSS y HTML.
Aunqeu el tutorial esta en ingles, es entendible y esta detallado paso a paso que hay que hacer para lograr nuestro dropdown blogroll.
Demo | Tutorial
Archivado en CSS :: Por aldols :: abril 21, 2009 ::
Cuando se quiere dar un toque especial decorando las imagenes que usamos en una pagina web tenemos que utilizar algun software de edicion de imagenes. Pero tambien podemos lograrlo con CSS... lo unico que necesitamos es utilizar la etiqueta <span> y darle estilo.
En Web Designer Wall encuentro un completo tutorial para decorar las imagenes. En esta ocasion solo me basare en el concepto basico de este tutorial.
Lo unico que necesitaremos para decorar nuestra imagen es un archivo .png o .gif con fondo transparente y el siguiente codigo.
Sencillo ¿no?... podemos jugar y decorar nuestras imagenes para darle una presentasion mas vistosa a nuestra web.
Demo | Tuturial y mas ejemplos
Archivado en CSS, templates :: Por aldols :: marzo 20, 2009 ::
En 1stwebdesigner se dieron a la tarea de buscar plantillas XHTML-CSS de alta calidad. Lograron recopilar un amplio numero de plantillas que podran ser utilizados en nuestras webs. Excelentes diseños... mas de alguno les gustara.
Archivado en CSS :: Por aldols :: marzo 20, 2009 ::
Uno de los menus que mas me gustan es el que tiene Vimeo en su pagina, con un estilo que resalta y llama mucho la atencion. Asi que navegando por la red me encuento con un tutorial realizado por Janko para que nosotros podamos crear un menu similar al de Vimeo.
El tutorial esta en ingles, pero es entendible... asi que aqui les dejo el Tutorial.
Turorial | Menu Vimeo
Archivado en CSS :: Por aldols :: marzo 2, 2009 ::
Parte del exito de una web es su sistema de navegacion, ya que si es dificil navegar por la web los usuarios no permaneceran mucho tiempo en la web, incluso no regresaran.
Es por eso que en CSS Menus hay una lista muy completa de ejemplos de menus, los cuales le daran mejor apariencia a nuestra web.
Encontraras menus de los siguientes tipos:
- Menús de nivel único
- Menús desplegables
- Dropline Menus
- Menús de Flyout
Archivado en CSS :: Por aldols :: febrero 12, 2009 ::
Desde hace tiempo Typechart me ha servido para poder darle diferente estilo a los parrafos en los proyectos web que he realizado. Bien sabemos que estamos limitados a la hora de utilizar fuentes para nuestros proyectos (caso contrario si utilizamos flash o sIFR3) ya que no hay muchas fuentes de las que podamos disponer para nuestras paginas web.
En typechart hay muchos ejemplos y nos permite descargar el codigo CSS para poder implementarlo en nuestra web, y podemos observar como se verian las fuentes en Mac o en windows.
Muy recomendable.
Web | Typechart
0 comentarios
