Mostrando entradas con la etiqueta css. Mostrar todas las entradas
Mostrando entradas con la etiqueta css. Mostrar todas las entradas

miércoles, 5 de octubre de 2011

¿CÓMO HACER CON CSS UN TEXTO SIGUIENDO UNA FORMA CURVILÍNEA? HTML

Buenas diseñadores x la red:
Las css nos vuelven locos, como se puede ver en el dibujo:
Porque cuesta tanto encuadrar una css,...?
A continuación os presento un programa que he encontrado surfeando x la red, el cual podemos conseguir el código html para insertarlo en cualquier página web, de un texto siguiendo la trayectoria que nosotros deseemos, ya sea recta, curvilínea, o con alguna forma en concreto.
El programa se llama CSSWARP, es muy fácil de utilizar, escribimos el texto que queramos, elegimos la forma de la curva, spline, circunferencia, o spline con marcadores para modificar las formas de las curvas, elegimos el tamaño de texto, tipografía, espaciado entre letras y simplemente le damos al botón "generate" generar html, nos aparece un nueva ventana con el código html.
Una opción que tiene csswarp, que me parece muy buena, es elegir el código html en función del navegador, nos deja elegir, entre internet explorer 9, opera, firefox (mozilla).
Personalmente lo he probado y no funciona en todos los navegadores, pero sí he podido comprobarlo en la última versión de Firefox y, tal y como indican en la sección de código, el resultado también puede verse en Internet explorer 9 y Opera (nada de Chrome, de momento).

jueves, 9 de junio de 2011

SITIOS DE PÁGINA WEB DONDE ENCONTRAR Y COMPARTIR CÓDIGO HTML, JAVASCRIPT, PHP, CSS GRATIS

Compartir códigos html gratis

Todo que haya trabajado en alguna ocasión en la creación y el diseño de un sitio web, seguramente se ha topado en reiteradas ocasiones con CSS, HTML, PHP y, por supuesto, con Javascript. Además de esto, también es probable que en algún momento se haya considerado la opción de visitar algún sitio web en el cual se puedan encontrar fragmentos de código que permita realizar nuestra labor de un modo más simple y ahorrar ese tiempo que podríamos invertir en la creación de las mismas líneas. En el día de hoy, compartiremos 15 sitios web, publicados a continuación en los cuales puedes encontrar fragmentos de código.

A continuación os muestro las 15 mejores páginas web, para encontrar y compartir y resolver dudas sobre programación html, html5, css, javascript, php.

Code Snippets
Css-tricks
Snipplr
Devsnippets
ByteMyCode
Codesnipp.it
Snipt.org
Symfony-project
Smipple
Code Sucks
Gist – GitHub
CodeTidy
Koders
Dreamincode
Phpsnips

martes, 22 de marzo de 2011

¿CÓMO DARLE FORMA, SHAPE, A LOS DIV DE TEXTO EN LAS CSS?

Buenas diseñadores gráficos por la red;

Si queréis hacer formas a los textos en las páginas web mediante las css,  os invito a entrar en esta página web, donde podréis ajustar un texto a una forma que queréis http://www.csstextwrap.com/ Ya no serán todos los textos cuadrados o rectángulos.

El CSS Texto Wrapper le permite hacer fácilmente envoltura de texto HTML con formas que no sean rectangualres. Se puede hacer o colocar el  texto alrededor de una curva, zig-zags, o la forma que se te ocurra.
Una vez hecho, se falicitica el código HTML para tu web o el código Javascrip.

Los códigos se han probado en el Internet Explorer 6 +, Firefox, Safari, Opera y Netscape y funcionan correctamente.