Si ya quieres empezar a diseñar tus templates con puro CSS no puedes perderte esta recopilación que ha hecho Frogx3 (traducción de esta) donde nos presenta 22 recursos para crear templates con CSS. [Acceder]
Si ya te aburriste del estilo de tus formularios en este sitio nos muestran mas de 47 maneras para implementar nuestros formularios con CSS y AJAX.
Enlace: 47+ Excellent Ajax CSS Forms
VÃa: Recursos de Diseño
En el blog WorldTechies han hecho una tabla de equivalencias entre px, %, pt y em en CSS muy útil para darnos una idea de las medidas exactas que necesitamos. Aunque como bien indican los valores pueden variar dependiendo el navegador y sistema operativo es una buena referencia para comenzar.
| Pts | Px | Em | Porcentaje |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Enlace: Convert em,px,pt and % in css
En este sitio han hecho una recopilación de los que a su parecer fueron los mejores tutoriales que vieron la luz en el 2007, podemos encontrar tutoriales de photoshop, tutoriales de illustrator, tutoriales de ajax, tutoriales de css, tutoriales de javascript entre otros mas.
Algunos son los siguientes:
Javascript
Speed Up Your Javascript: Downloadable Examples!
Y muchos otros que nos pueden ser de mucha utilidad.
Enlace: 2007 Hand-Picked Tutorials
Posts Relacionados:
Que lio da el Internet Explorer 6 con las imagenes PNG con fondo transparente, al menos IE7 ya no trae esta carencia. Para solucionar este problema existen algunos trucos que podemos utilizar el mas conocido es el uso de iepngfix.htc (frogx3 nos explica su uso), y ahora en este sitio nos enseñan una alternativa utilizando para esto un archivo CSS y aplicarle la clase png a las imagenes o divs donde tendremos las imagenes PNG.
Enlace: CSS PNG Image Fix For IE
Ya que hemos creado nuestra hoja de estilo, una recomendación seria el optimizarla sobre todo si llega a estar muy grande. El principal beneficio de optimizar una hoja de estilos es la reduccón del tamaño del archivo por lo que te puede ayudar a reducir el consumo de ancho de banda en tu servidor. Clean CSS es una herramienta que permite optimizar nuestras hojas de estilo en base a diversos parámetros ya sea que tengamos una hoja de estilos ilegible que ocupe menor tamaño o si queremos tener la hoja de estilos legible eliminando los comentarios entre otros parámetros que utiliza para optimizarlas.
Enlace: Clean CSS
VÃa: Sentido Web
