CSS Flash

0 COMENTARIOS -  Publicado hace 29 meses -  Clasificado en: , , ,

CSS Flash es otro "showcase" de sitios web.

CSSFlash

 

Convertir estilos CSS a etiquetas en línea para Emails

0 COMENTARIOS -  Publicado hace 29 meses -  Clasificado en: , ,

Muchos servicios de email como Gmail o Hotmail no toleran muy bien las hojas de estilos. La única forma de utilizar CSS es mediante la utilización de etiquetas en línea. Reemplazar las referencias a una hoja de estilos externa por etiquetas en línea puede ser una ardua tarea. Esta herramienta puede ser útil para que haga este trabajo.

Convertir estilos CSS a etiquetas en línea para Emails » »

 

Sencilla fórmula para trabajar con tamaños de fuente relativos

0 COMENTARIOS -  Publicado hace 29 meses -  Clasificado en: ,

En SixThings, me encuentro con una sencilla formula para trabajar con fuentes relativas y obtener un tamaño equivalente al que uno desearía, tomando como punto de partida el valor deseado en píxeles.

Valor en em = Tamaño en px deseado / Tamaño en px del elemento padre

Por ejemplo, si tienes un div con una fuente equivalente a 12px y deseas obtener un encabezado h3, dentro del div, de 21 px:

Tamaño en em = 21px/12px = 1.75 em

Si en vez de estar trabajando con em, estamos trabajando con tamaños en porcentaje. La fórmula sería:

Valor en % = (Tamaño en px deseado / Tamaño en px del elemento padre)*100

Algunas entradas relacionadas:

 

Generador de menús CSS

0 COMENTARIOS -  Publicado hace 30 meses -  Clasificado en: , ,

CSS Menu Maker es un generador que hará las delicias a más de uno. El proceso es simple: eliges un menú -los hay horizontales y verticales- de la galería, lo personalizas de acuerdo a tus necesidades y te descargas el código HTML, CSS y las imágenes que componen el menú.

menugenerator.gif

Algunas entradas relacionadas:

 

CSS para alinear las imágenes

0 COMENTARIOS -  Publicado hace 30 meses -  Clasificado en: , ,

Simple CSS para alinear las imágenes fácilmente: 

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
}

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
}

.alignright {
        float: right;
}

.alignleft {
        float: left;
}

Vía Snipplr » »

Algunas entradas relacionadas:

 

YAML: Herramienta para crear layouts basados en CSS visualmente

0 COMENTARIOS -  Publicado hace 30 meses -  Clasificado en: , ,

YAML Builder una especie de framework o desarrollador de CSS online con el que desarrollar nuestras estructuras de contenidos de forma rápida y de un modo bastante visual. Es una herramienta con la que no se pretende diseñar la página web completa, sino la estructura en XHTML y CSS. Algunas de las características de esta herramienta son:

  • Elegir el tipo de documento (doctype).
  • Elegir los elementos básicos de la estructura de nuestra web (cabecera, navegación, pie de página,...)
  • Elegir el número de columnas y su ubicación dentro del diseño.
  • Definir los anchos de las columnas y del layout en general.
  • Arrastrar y soltar para organizar los componentes del diseño.
  • Visualización del código en XHTML y CSS.
  • Cambiar entre el modo de edición y vista previa de la plantilla obtenida.

Una herramienta que funciona muy bien y que para muchos puede resultar útil.

YAML Builder » »

Algunas entradas relacionadas:

 

Faveup

0 COMENTARIOS -  Publicado hace 31 meses -  Clasificado en: , , ,

Faveup es un paso más en los "showcases". A diferencia de otras galerías para encontrar inspiración, Faveup aglutina diseños de logotipos, tarjetas de presentación, sitios realizados con Flash y sitios realizados con CSS.

faveup

Algunas entradas relacionadas:

 
Páginas: < Anterior 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Siguiente >