Archivo para la etiqueta ‘css’

19Feb
2008
Comments Off

Render más rápido de las tablas con CSS

En el caso de que tengamos que usar tablas, cuando realmente se trate de una tabla, es conveniente tener en cuenta una propiedad CSS poco utilizada que nos podrá permitir mejorar la velocidad de render de las tablas. La propiedad es table-layout y nos permite indicar si queremos que la tabla se dibuje con unos [...]
21Jan
2008
Comments Off

Porcentaje de carga mediante CSS

Uno de los controles más usados en el desarrollo de animaciones Flash es el que muestra el porcentaje de carga de un elemento. Si queremos desarrollarlo mediante CSS nos puede venir muy bien este ejemplo. Usando este código HTML: <div id=”box”> <div id=”bar”>50%</div> </div> y estos estilos: #box{ width:250px; border:1px solid #000; height:17px; } #bar{ [...]
15Jan
2008
Comments Off

Recopilación de técnicas CSS

Interesante recopilación de técnicas CSS que se han usado desde siempre. Cada vez es más importante realizar diseños que cumplan estándares, y si queremos que a parte de cumplir estándares, también tenga un diseño atractivo, es necesario usar muchas de las técnicas que nos ofrece el recopilatorio. Entre las técnica que nos enseña o recuerda [...]
10Jan
2008
Comments Off

Modificar el contorno del texto mediante CSS

CSS Text Wrapper te permite modificar el contorno de los párrafos de texto de nuestras páginas web, ya sea creando círculos, zig-zags, o cualquier otra figura. Hay dos formas de poder aplicarlo: mediante estilos o mediante un javascript. Existe un editor que nos ayuda mediante la creación de puntos, configurar el contorno de nuestro párrafo. [...]
08Jan
2008
Comments Off

Saltos de página en CSS

Las hojas de estilos son importantes tanto para mostrar en una pantalla común, como para mostrarlos en otros dispositivos, por ejemplo al imprimirlos. A la hora de imprimir una página web es necesario para que la lectura sea más cómoda, pensar en los saltos de página. Para lo cual existe la propiedad page-break-before, la cual [...]
13Dec
2007
Comments Off

Clear de float en CSS

Aunque existe una forma común de hacer un clear de los float de los elementos anteriores: <div class=”clear”></div> existe una forma más adecuada aunque realmente no es nueva, ya que ya se habló de ella en el 2004. Para ello usaremos la propiedad :after que genera contenido antes del contenido del elemento. Tendremos una capa [...]
11Dec
2007
Comments Off

Sitemap mediante CSS

Los sitemaps no son algo que al desarrollador le suela preocupar, no se suele pensar en la importancia de ellos, tanto para el usuario como para los motores de búsqueda. Para aquellos que quieran incluir el sitemap con un buen diseño puede usar este truco que hemos encontrado. Podemos darle un estilo parecido si añadimos [...]
07Dec
2007
Comments Off

Konstruktors: snippets CSS

Konstruktors es un lugar dónde podremos encontrar códigos CSS para copiar y pegar. No se trata de ficheros independientes, sino de trozos de código. Mantener código CSS en ficheros de texto no es difícil, y es conveniente teniendo múltiples llamadas HTTP. Si tenemos bien organizados nuestros estilos, con estos trozos de código podremos modificar los [...]
07Nov
2007
Comments Off

Laboratorio: teclado para pantalla táctil de Iphone o Ipod

Algo de lo que más me gusta del Iphone o el Ipod Touch es el teclado que tiene, el cual muestra la tecla que pulsas por encima de tu dedo. Los que tenemos los dedos un poco grandes y somos un poco patosos, en las pantallas táctiles, a no ser que el teclado que ofrecen [...]
07Nov
2007
Comments Off

Evitar el caché en las hojas de estilo

Algo que suele ocurrir con frecuencia es que al realizar cambios en la hoja de estilos, estos no se vean reflejados en la página por el caché del navegador. Para evitar esto, tan solo es necesario un script que cargue los estilos y que le añada un parámetro GET que sea único para que el [...]