WOW que tema no pensé que alguien pensara que las CSS no traen ningún beneficio cuando son infinitas y si no lo son ahora lo serán en unos años.
Los que maquetaron el contenido desde hoy en unos años su web no sera obsoleta.
Por ejemplo estoy trabajando en el rediseño y maquetacion de un periodico que esta basado en tablas tienen un acceso para moviles http:/www.sitio.com/pda cuando no deberia de ser asi el sitio deberia de mostrarse de igual manera al accesar por http:/www.sitio.com/ y con un simple media="handheld" lo solucionamos todo también como es un sistema de noticias cada noticia tiene un sistema de
"Imprime esta noticia" los enlaces ya saben noticia?id=100 imprimir_noticia.php?id=100
Pobre servidor cuantas peticiones cuando puedo solucionarlo con media="print"
En cuestión de accesibilidad para personas con discapacidades visuales en alzado.org habia una garbacion de como se escucha un sitio maquetado con tablas y otro maquetado con capas la verdad es que la diferencia se nota deinmediato
Ahora aqui en México aun no es muy comun accesar por TV a internet pero en unos años seguro que habra que crear un sitio.com/webtv y un link que diga
Accede a Web Tv en la pagina principal cuando podria solucionarse con media="tv"
estaba leyendo como crear un mapa con flash y segui leyendo hasta que termine con ejemplo (que no tengo a la mano el link) de como el mapa estaba diseñado con SVG y los colores del mapa podian modificarse mediante CSS aparte tambien como se pueden mostrar y ocultar capas podias mostrar la capa que contenia el Nombre del estado, Los rios, el relieve Todo con DOM+SVG y CSS.
En diseño por ejemplo, recordaba conmigo mismo
como antes para crear un diseño de una capa con esquinas redondeadas tenias que hacer algo como esto
Código HTML:
<table border="0" cellpadding="0" cellspacing="0" width="522">
<tr>
<td width="48" background="caja_r1_c2.gif"><img name="caja_r1_c1" src="caja_r1_c1.gif" width="48" height="61" border="0" id="caja_r1_c1" alt="" /></td>
<td width="420" background="caja_r1_c2.gif"> </td>
<td width="54"><img name="caja_r1_c3" src="caja_r1_c3.gif" width="54" height="61" border="0" id="caja_r1_c3" alt="" /></td>
</tr>
<tr>
<td background="caja_r2_c3.gif"> </td>
<td background="caja_r2_c2.gif"> </td>
<td background="caja_r2_c3.gif"> </td>
</tr>
<tr>
<td background="caja_r1_c2.gif"><img name="caja_r3_c1" src="caja_r3_c1.gif" width="48" height="60" border="0" id="caja_r3_c1" alt="" /></td>
<td background="caja_r3_c2.gif"> </td>
<td><img name="caja_r3_c3" src="caja_r3_c3.gif" width="54" height="60" border="0" id="caja_r3_c3" alt="" /></td>
</tr>
</table>
Ahora hacemos esto con Hacks o con Javascript CSS
con un buen de de tags div b o javascript no tantas lineas de codigo pero si menos
ahora con CSS3
Código HTML:
<div>CAPA<div>
div{radius:10px}
o con border-image{url"1.gif"}
en cuestiones de peso por ejemplo yo uso muchas reglas demasidas y hasta exageramente aunque hay tecnicas de abreviaturas
por ejemplo:
trato de eliminar los espacion en blanco, reutilizo las reglas, utilizo colores abreviados #096 en lugar de #009966 para las letras
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif
a
font: 1em/1.5em bold italic serif
todos estos trucos me ayudan bastante ademas de crear un arhivo normal y legible y otro comprimido con CSS Compresor
master.css 4.01kb
comp_master.css 2.88kb
lo mismo hago con los Javascripts, se que no es mucho pero creo que ayuda bastante ademas de las imágenes de que intento tratarlas en lo mas pequeño posible
haber si me escribo un articulo de compresión de archivos CSS
eso de utulizar PHP para dar diseño a la plantilla no esta mal pero tambien hay que aprender a ocupar el minimo de recursos del servidor cuando hay tecnologias que lo hacen mejor o no tiene tantas contras.