elWebmaster.com

plugin | javascript | Layouts

Nested: plugin de JQuery para crear layouts de columnas múltiples

nested-wideNested es un plugin jQuery que te permite crear layouts de columnas múltiples. A diferencia de otras librerias y plugins de jQuery similares, Nested te permite realizar layouts libres de huecos, lo que te ahorrará espacio en tu página. Seguir leyendo

05/feb/13, 15.42 Morton Comentar

Diseño | CSS | tutorial

CSS: Truco para igualar la altura de varias columnas

cssblurry-columnasImaginen que tienen que implementar un diseño de dos columnas y desean que la altura de la sidebar sea igual a la columna del contenido principal ¿Qué podemos hacer?

Hoy describiremos un simple truco CSS para implementar un efecto falso de igual altura de columnas utilizando las propiedades CSS position:absolute y border. Seguir leyendo

04/nov/09, 08.30 Micaela 7 comentarios

Internet | blog | Diseño Gráfico

25 grandes ejemplos de diseños web a tres columnas

ejemplotrescolumnasMuchas veces decidimos utilizar un diseño web de dos columnas porque nos resulta más organizado que uno de tres columnas, pero un buen diseñador sabe que todo es relativo y debe estar al servicio de la premisa.

En esta nota te traemos 25 ejemplos de interesantes diseños de blogs en tres columnas, como incentivo para nuestra propia creatividad. ¿Quieres echar un vistazo? Seguir leyendo

10/sep/09, 09.07 Micaela Comentar

CSS | recursos | columnas

Grid Designer, herramienta para crear columnas en CSS

Grid Designer es una herramienta que le puede resultar muy útil a cualquier diseñador web a la hora de comenzar un proyecto, más precisamente nos ayudará con la maquetación del código CSS del sitio web.

Esta aplicación nos da la posibilidad de calcular y ajustar el tamaño de las columnas de nuestro sitio web teniendo en cuenta el tamaño que tendrán las fuentes que vayamos a utilizar en el mismo. Seguir leyendo

19/dic/08, 09.12 Micaela Comentar

Diseño | CSS | maquetación

Ajustando la altura de las columnas con CSS

cssA la hora de maquetar un sitio vía CSS uno muchas veces se encuentra con un problema que pareciera muy simple de resolver pero no lo es tanto.
Imaginen por un momento que su sitio posee varios bloques div a modo de columnas, con su contenido dentro. Si no indicamos la altura de estas columnas nos encontraremos obviamente con que el bloque adaptará su tamaño según el contenido que tenga dentro.

Ahora la dificultad es qué hacer si deseamos que extienda su altura a lo largo de toda la página y que, por lo tanto, todas las columnas tengan el mismo tamaño. Seguir leyendo

23/sep/08, 13.49 Micaela Comentar

html | dreamweaver | tutorial dreamweaver

Taller de Adobe Dreamweaver: Frames o cuadros

Adobe DreamweaverCuando el diseñador se sienta a pensar en el diagrama de su sitio web, divide los espacios generando distintas áreas que en el maquetado se traducen generalmente en divs contenedores. Estos divs son necesarios para ordenar el contenido de la página.

Los frames son otra opción para diagramar una página. La diferencia con respecto a los divs es que cada frame contiene un HTML independiente. El resultado es una página compuesta por varios archivos HTML. A este tipo de documentos se les llama frameset. Seguir leyendo

22/jul/08, 15.59 Alejandra 4 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder