Oct 6, 2011 0
Muchas veces, los diseñadores, hacemos cosas en illustrator / photoshop donde los textos estan encapsulados en circulos o tienen márgenes curvos, etc.
Aca les dejo una página muy útil, que sirve para generar textos / párrafos con diferentes formas.
Sep 14, 2011 0
Me pasó que tuve que crear un elemento dinámicamente y definirle que tenia que flotar a la inzquierda (float: left) sin poder tocar css, asi que lo hice desde JasvaScript de la forma correcta:
var elemento = document.createElement('img');
elemento.style.float = 'left';
// o
elemento.style['float'] = 'left';
El tema es que en Firefox no funcionaba y despues descubrí que en IE tampoco.
Sep 8, 2010 2
Como hacer divs en Degrade con CSS3.
Bueno, este es un ejemplo muy sencillo y muy útil. 100% para CSS3.
Imaginen que queremos hacer un fondo en Degrade y ademas. pretendan que todos los browsers lo interpreten… bueno, para eso vamos a tener que esperar un poquito, pero aca les dejo una manera muy sencilla de lograr un degrade sin necesidad de utilizar imagenes. Este código fue pensado para Webkit y para Mozilla. Proximamente será un standard.
Sep 2, 2010 3
Uno de factores importantes para la rápida carga de un sitio web, desde que el cliente o browser se conecta al servidor hasta que se renderiza la página web es la cantidad de peticiones (o requests) hechas al servidor, y es que hay que tener en cuenta que una vez cargado el documento principal (el que contiene el html en si), se deben descargar las imágenes, las hojas de estilo y demás archivos complementarios, todos necesarios para que el resultado final sea mostrado tal cual se diseñó.
El tema es simple, cada elemento complementario pedido al servidor tiene un tiempo de conexión, un tiempo de latencia y un traspaso de meta-información que componen la cabecera de estas peticiones, aparte tenemos que tener en cuenta que por regla los browsers o navegadores web solo harán 3 peticiones simultaneas por dominio y hasta 9 por IP, así que si reducimos estas conexiones vamos a tener una carga mas rápida. Una de las formas de reducir el número de peticiones es usando los llamados CCS Sprites. Leer este tip »
Mar 27, 2010 1
Bueno se viene un consejo simple y mas que nada para los que se esten abriendo camino en PHP. Como sabrán en la programación web trabajamos tanto en la lógica como en la vista de la información que procesamos, se debe tener en cuenta que cada texto que se muestre no sera publicado en texto, sino que sera publicado en HTML, asi que si hacemos un:
echo "Hola <br />Mundo ";
Obtendremos un:
Hola
Mundo
Mar 14, 2010 0
Buscando un poco de documentación sobre el lenguaje de configuracón Yaml, encunetro este Framwork CSS, que aparte ofrece on-line una herramienta para crear y una plantilla sobre este FW CSS, Yaml (Yet Anoter Multicolumn Layouts) ofrece una buena base de CSS para trabajar con templates basados en columanas sobre XHTML, aparte de incluir CSS’s y JS’s para fixear determinados bugs de Intertet Explorer. El codigo esta bien comentado y respeta los estandares web. Lo único malo es que no hay documentación en español (por ahora).
Pero lo que les vengo a mostrar, es una herramienta on-line que ofrecen, para crear un layout basado en CSS en pocos minutos, solo seleccionando el estilo de columnado y otras como el estilo de la barra de navegion ,etc.
Mar 9, 2010 0
En mi post anterior habia explicado como hacer un menú desplegable solo con CSS sin Javascript, va aunque lamentablemente para IE si necesita JS, es solo una pequeña función para reemplazar un selector CSS que en el IE no funciona.
Ahora como les prometí en ese post, les voy a explicar como hacerlo pero de forma horizontal, tipo barra de navegación o menú de navegación y no tan tradicional.
Mar 7, 2010 0
Muchos sitios que mantienen su información administrada en categorías, usa menúes desplegables para ir recorriendo los árboles de esta, y la mayoría de veces estos estan hechos en flash o con JavaScript, ensuciando el código y volviendolo complicado.
Lo que pocos saben es que se puede hacer un menu desplegable totalmente funcional sin necesidad de usar mas que HTML y CSS, sin incluir JS’s, librerias ni nada.
Mar 6, 2010 4
Como sabrán, hace un tiempo los mejores browsers (firefox, safari…etc) todos menos IE8 (que tampoco forma parte de los mejores browsers) ya dan soporte a css3, lo cual significa que aunque un 70% use explorer, ya se pueden empezar a hacer pruebas con css3, que realmente nos van a simplificar la vida a la hora de maquetar, o codear xhtml + css.
En esta oportunidad, voy a hablar de declarar las variables en css3.
Ultimos comentarios