css « divagame

Enlaces interesantes del mes, CSS y XHTML válido Noviembre 12, 2006

Guardado en: css, diseño, enlaces, links, tutorial, web, web2.0 — divagame @ 12:42 pm

POSICIONAMIENTO CON CSS ( position )

http://www.barelyfitz.com/screencast/html-training/css/positioning/ (inglés)
http://simplelogica.net/caoticoneutral/?p=38 (español)

DISEÑO CSS XHTML

http://designmeltdown.com/ (inglés)
http://csszengarden.com/ (inglés)
http://cssmania.com/ (inglés) de aqui hasta abajo -> galería de webs con css válido
http://cssbloom.com/
http://csslove.net/index.php

TABLAS ACCESIBLES

http://www.usability.com.au/resources/tables.cfm (inglés)

FORMULARIOS BIEN HECHOS

http://paularmstrongdesigns.com/awesome/form/ (inglés)

RECOMENDACIONES

http://www.blogmundi.com/2006/10/05/evita-las-lineas-largas-cuando-escribas-codigo-usando-css/ (español)
http://www.designdetector.com/link/to/ten-common-css-mistakes/ (inglés)
http://www.positioniseverything.net/easyclearing.html (inglés)
http://www.tutorialtastic.co.uk/page/create_a_tableless_layout (inglés) explica la diferencia de tablas/divs
http://www.cleancss.com/ (inglés) recurso para limpiar nuestro css

TUTORIALES Y RECURSOS

http://home.tampabay.rr.com/bmerkey/cheatsheet.htm (inglés) CSS
http://cdburnerxp.se/htmlcheatsheet.pdf PDF (inglés) XHTML
http://www.glish.com/css/ (inglés) recursos y técnicas con css
http://www.pmob.co.uk/ (inglés) ejemplos en css
http://es.wikipedia.org/wiki/CSS2 (español) tutorial de css con enlaces abajo
http://www.csselite.com/category/resources/ (inglés) recursos css javascript html

VALIDA TU HTML SIN TABLAS (tablas sólo para datos, no para maquetar)

http://w3tableless.com/

Comentarios (0)

Diseños web de la semana Octubre 12, 2006

Guardado en: css, diseño, opinion, web — divagame @ 3:54 pm

En tonos verde:

En tonos azul:

En tonos rosa:

En tonos oscuro:

v í a cssmania.com

Otros diseños, de otras semanas aquí.

Comentarios (3)

sIFR, reemplazo de texto con Flash, CSS y JavaScript Octubre 4, 2006

Guardado en: css, diseño, sIFR, web — divagame @ 10:22 am

Explicando por encima lo que es sIFR:

Es una técnica de reemplazo de tipografía de texto HTML, utilizando, CSS, Flash y JavaScript. Te permite salir del cotidiano Arial, Helvetica y Verdana, sin necesidad de que el cliente tenga instalada en su máquina, ese tipo de letra. Lo malo, es la necesidad del uso de Flash, pero bueno.. quien alguien quiere, algo le cuesta. Para entender mejor el concepto, mira esto.

( Creador de sIFR: Shaun Inman )

VENTAJAS

Permite hacer links, tener fondos transparentes, y reutilizar un mismo .swf para distintos tamaños y colores. Más rápido que IFR.

DESVENTAJAS

Requiere un plugin. El texto solo se escala al recargar la página.

En realidad no es una técnica que reemplazo como tal, pero vale la pena hacer una breve mención de la tecnología WEFT de microsoft, que permite incrustar fuentes en una pagina. Desgraciadamente, sólo funciona para IE bajo Windows.

v í a diseñorama.com

Descárgate lo necesario para implementarlo en tu web desde aquí. Y si quieres probarlo entra en diseñorama, que se ha marcado un tutorial bastante bueno.

sIFR funciona en sistemas Windows, Linux y Mac, siempre que estos dispongan de Flash y Javascript. En cuanto a navegadores, su compatibilidad es mucho más que aceptable funcionando en los tipicos Internet Explorer, Mozilla Firefox y Opera y también en otros como Konqueror, Omniweb, Safari…
No obstante, aunque el usuario navegase con un sistema no compatible no hay problema, la página se mostrará como siempre, con los encabezados controlados por CSS.

v í a webmasterlibre.com

Y si te ha gustado, seguro que te interesa una extensión para Dreamweaver de sIFR.

Comentarios (0)