CSS Text Wrapper – Textos Con Estilo

by davidMHe on December 11th, 2007

Navegando en la red me encuentro con esta aplicación que permite generarle formas o estilos a algún texto en especial de una forma fácil y sencilla con CSS y Javascript.

Muchas veces hemos visto en los periódicos que algunas noticias vienen con un gráfico y lo bordea el texto, este estilo le da una forma diferente a la noticia y la hace mas llamativa.

CSS Text Wrapper trabaja en 3 fases principales:

1. Como queremos el diseño: Por medio de unas barras, acomodamos estas con puntos en donde queremos que se hagan los cruces y así hacer la forma que necesitemos.
2. Generando los CSS y los Divs: Como el proceso es automático, mientras haces los cambios en el diseño, estos valores se van cambiando.
3. Javascript: Para culminar todo el proceso, se genera un Javascript con las coordenadas necesarias.

Finalmente lo que debemos hacer es implementar los 3 códigos en donde los vayamos a incluir y listo

Si queremos ver algunos ejemplos de como trabaja el Css Text Wrapper, podemos visitar la sección se Ejemplos

Visitar la web: CSS Text Wrapper

CSS Menu Generator – Genera Menús Con CSS En 4 Aspectos Diferentes

by davidMHe on October 23rd, 2007

CSS Menu Generator es una herramienta que nos permite generar menús sencillos y livianos con CSS, simplemente lo que hay que hacer es elegir que aspecto del menú queremos (entre 4 tipos) y seguir los pasos que nos indican.

Cuando se termine de llenar los datos, lo que tenemos que hacer es dar clic en “Generate Code” e inmediatamente nos mostrara 2 tipo de códigos, el primero es el código en CSS que declara todos los colores, tipos de fuente y otras opciones, del menú, el segundo código es para implementarlo en la pagina en donde queremos mostrar el menú.

En el mismo sitio web en donde se encuentra el CSS Menu Generator, existen muchas mas herramientas interesantes que pueden ayudarles mucho.

Visitar la web: CSS Menu Generator

Crear El Efecto Lightbox Únicamente Con CSS

by davidMHe on August 26th, 2007

Navegando en la red me encuentro con este práctico script en el blog de Emanuele Feronato, que nos permite generar una ventana dentro de nuestra pagina al estilo Lightbox pero esta no contiene ningún tipo de animación en Javascript.

Me parece una buena alternativa si se desea hacer algo mas liviano y no se provee de un navegador con soporte para Javascript o este deshabilitado.

Visitar la web: Create a Lightbox effect only with CSS – no javascript needed

Tabbed Navigation Using CSS – Creando Tabs De Navegación Con CSS

by davidMHe on May 26th, 2007

Navegando en la red me encontré con esta pagina que te da las instrucciones para que puedas crear una pagina con tabs de navegación, además, paso a paso te va explicando mediente los tabs, cosa que te va demostrando realmente como es que trabajan.

Espero les sirva de algo, me pareció bastante bueno pues nos ahorraríamos mucho espacio y trabajo si quieremos hacer un documento extenso ó simplemente manejar contenidos sencillos pero con una apariencia interesante.

En esta pagina te regalan un Bonus que es el mismo menú del que estamos hablando, pero esta vez es desarrollado en javascript.

Visitar la web: Tabbed Navigation Using CSS

Menu Builder beta v1.3 – Generador De Menús En CSS Directamente Desde El Navegador

by davidMHe on May 8th, 2007

Si alguna vez has necesitado crear un menú para tu web, tu blog o cualquier proyecto que tengas y no consigues un programa en la red que te permita hacerlo de una manera fácil y sencilla, pues esto ya terminó, ya que con Menu Builder podrás hacer menús rápidamente sin el mayor esfuerzo.

Con Menu Builder podrás crear menús a la medida, cambiando colores, tipo de fuentes, entre otras opciones mas que iras descubriendo mientras lo manejas.

Cuando tengas listo tu menú, solo tienes que darle click al botón “Get Menu Code” y te mostrará el código CSS y el Código HTML listo para insertar en tu web.

Visitar la web: Menu Builder beta v1.3

35mm Photo Viewer – Galería En Javascript, XML y CSS

by davidMHe on May 6th, 2007

35mm Photo Viewer es una galería diseñada en Javascript, XML y CSS con la cual podemos crear nuestra propia galería de imágenes de una manera fácil y rápida.

35mm Photo Viewer tiene la posibilidad de cambiar de template con lo cual podemos adecuarla a cualquier situación.

Estuve mirando en el contenido de la galería y existen diferentes tipos de templates para los diferentes tipos de navegadores, algo bueno por cuestión de compatibilidades.

35mm Photo Viewer posee un control para manejar las fotos desde ahí mismo donde las ves, cosa que no tienes que dar vueltas buscando el botón siguiente

Visitar la web: 35mm Photo Viewer

10 Calendarios En Javascript Y CSS Totalmente Gratis

by davidMHe on May 4th, 2007

Navegando en la red me encuentro con esta pagina que tiene para descagar y aplicar a nuestros proyectos web o simplemente a nuestro blog o pagina, Calendarios programados en Javascript y CSS, algunos también programados en php como el Monket Calendar.

Algunos muy simples como para hacer simplemente la impresión de la fecha en algún campo de texto (textbox) en una aplicación y otros bastante complejos para aplicar a grandes aplicaciones web que necesiten un sistema de calendario o un sistema de separación de citas…en fin una cantidad de usos le podemos encontrar a estos calendarios.

Visitar la web: 10 Free CSS and Javascript Calendars

CSSFly – Edición De Sitios Web On-Line

by davidMHe on March 22nd, 2007

CSSFly es una herramienta en línea orientada a desarrolladores que permite editar sitios web y ver el resultado en tiempo real. Con solo introducir la URL de la web en cuestión, CSSFly obtendrá y mostrará el código HTML y los estilos en cascada en un nuevo frame. De esta forma cada vez que se realice un cambio en el código este se verá reflejado automáticamente.

Si desean aplicar CSSFly más fácilmente pueden agregar este enlace a los favoritos o marcadores y simplemente cuando quieran editar un sitio web, abren este enlace y listo, o si desean hacerlo mas personalizado, pueden ingresar a la pagina de CSSFly e ingresar la dirección web del sitio que quieran editar pudiendo elegir en que frame se carga el CSSFly (Top frame, Bottom frame, Left frame, Right frame).

Visitar la web: CSSFly

CSS Button Designer – Crea Botones En CSS Fácilmente

by davidMHe on March 20th, 2007

¿Te gustaría hacer unos botones realmente atractivos para tu web, y no sabes cómo? No te preocupes; con este programa on-line podrás crearlos en apenas unos minutos, aunque tus conocimientos de programación o diseño sean más bien nulos.

CSS Button Designer pone a tu disposición una interfáz de uso sencillísimo para que diseñes tus propios botones con todo detalle. Sólo tienes que ir eligiendo y personalizando cada elemento: texto a mostrar, fuente, color de fondo, borde e incluso algunos efectos como degradado de color o efecto rollover.

Una vez tienes acabado tu botón, simplemente copia el código que genera el propio programa y pégalo en el código fuente de tu página web.

Visitar la web: CSS Button Designer

CSS Tab Designer – Crea Menús Y Listados En CSS De Forma Visual

by davidMHe on March 18th, 2007

Con CSS Tab Designer puedes diseñar fácilmente listas y menús interactivos basados en hojas de estilo, sin necesidad de tener ningún tipo de conocimientos de programación.

El programa cuenta con una interfaz de uso muy sencillo, en la que puedes crear tantos elementos como opciones quieres que contenga tu menú, asignarles nombre y enlace y elegir luego el esquema de diseño con el que quieres que aparezcan en tu web, de entre el cerca de medio centenar que incluye CSS Tab Designer.

Podrás ver tanto el código fuente como el aspecto gráfico del menú (en la interfaz del programa y en tu navegador web), y una vez consigas el efecto deseado, no tienes más que copiar el código que CSS Tab Designer genera de forma automática.

Visitar la web: CSS Tab Designer