davidMHe Web Site

El Blog donde expongo lo que me encuentro en la red

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.

textw1.jpg

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.

textw2.jpg

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 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

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.

lbcss_1.jpg

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

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.

tabbednav.jpg

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

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.

menu1.jpg

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.

menu2.jpg

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.

menu3.jpg

Visitar la web: Menu Builder beta v1.3

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.

35mm1.jpg

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.

35mm2.jpg

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