CSS

Conversor XHTML a CSS | CSS Frame Generator

CSS Frame Generator es una aplicación web simple y efectiva. Pegas el código XHTML y en un instante obtienes el código del CSS con el que aplicar los estilos. Desarrollada por el mismo autor de Markup Generator, MichaÅ‚ StempieÅ„ para Veboo Labs. Nos puede servir como scratch, como punto de inicio de un XHTML al [...]

Facelift – FLIR| Reemplazo de texto por imágenes

Facelift nos permite al igual que sIFR utilizar tipos, fuentes que no son de sistema. Con sIFR se utiliza Flash, con Facelift se generan imágenes para mostrar ese texto. Antes Después Caracterí­sticas y uso de Facelift Descarga Facelift Ejemplos y demos Lo puedes utilizar con jQuery, prototype, scriptaculous o mootools Por defecto reemplazará el texto [...]

Menús CSS y HTML para descargar

En Styled Menus puedes descargar (25 de momento) menús para sitios web. La descarga incluye los códigos HTML y CSS y las imágenes. Compatibles con cualquier navegador. Ví­a: Webmaster Libre | Intenta

Esquinas redondeadas en Internet Explorer | border-radius

De momento sólo podemos redondear esquinas con CSS en algunos navegadores (Firefox, Chrome), si estás viendo este blog verás según el navegador en el sidebar y en los subtí­tulos de este artí­culo el efecto de border-radius, el problema es que no es una propiedad estándar aún, así­ que debemos utilizar una propiedad particular para cada [...]

Usar una imagen como elementos de menú con CSS

Jennifer Semtner nos da una solución para cuando queremos utilizar imágenes como elementos de menú, una mejora a la técnica CSS Spriting con la que ahorramos tiempo de descarga al utilizar sólo 1 imagen, hacemos menos HTTP requests. La mejora de su técnica viene dada por algunas limitaciones de esta técnica: No podemos asignar “texto [...]

Hacer una lista ordenada (ol) cuenta regresiva o backwards

Para crear una lista podemos utilizar las etiquetas ul u ol, esta última ordena los datos y podemos mostrar con CSS diversos tipos de numeración con list-style-type Ahora bien para convertir esto: Uno Dos Tres En: 3. Uno 2. Dos 1. Tres Tenemos dos opciones, una con CSS y otra con Javascript. Con CSS Podemos [...]

Igualar el alto de las columnas con CSS | divs de fondo

Para igualar el alto de las columnas con la intención de utilizar un color distinto de fondo independientemente de su altura podemos utilizar el método de Matthew James Taylor. Simplemente metemos el color de fondo en otros div que se colocan detrás. La ventaja de este método es que es compatible con todos los navegadores, [...]

Todo lo que sabes de CSS es falso | El retorno de las tablas

Así­ de contundente es el titular de Digital Web Magazine: “Everything You Know About CSS Is Wrong“ . Y es que Internet Explorer 8 soportará las propiedades CSS table, table-row, y table-cell. Enterrarán para siempre la caduca etiqueta HTML <table> y harán mucho más fácil el diseño de layouts con CSS. Una gran noticia sino [...]

CSS Type Set | Herramienta online para textos CSS

Otra app web más con pocas opciones pero útil para neófitos en CSS. Visualiza online los estilos CSS aplicables a un texto: fuente, tamaño, color”¦ No puedes combinar varios estilos. CSS Type Set Ví­a: css type set, crea css facil y online > csstypeset – Aprender a crear hojas de estilo CSS

+70 Chuletas para diseñadores web

Sitios de consulta para diseñadores web, lo que se conocen como Cheat Sheets o “Chuletas” para que nos entendamos. Las hay de HTML, DHTML, Actionscript, Adobe Air, Javascript, CSS, Ajax, Color, PHP, Photoshop y hasta de MySQL 70+ Cheat Sheet Resources for Web Designers (inglés) Ví­a: Más de 70 chuletas “˜Cheat sheet”™ para diseñadores web