Consejos
CategoríaConsejos sobre CSS, claros y gratuitos.
Enlaces que quizá necesites para diseñar una web
La finalidad de este artículo es simplemente mostrar algún enlace que yo he utilizado para el diseño de webs y otros que me parecen interesantes tanto para novatos, cómo para otros diseñadores web. Estos enlaces pueden estar muy bien para un uso puntual o simplemente para ojearlos y sacar algún uso pero creo que es … Lee más!
Consejo CSS # 7 – Protocolos relativos de direcciones en CSS
Si has creado un sitio con varios protocolos (HTTP, HTTPS, FTP…) existe un método (Relative Reference, RFC 3986), publicado por Paul Irish (muchas gracias por avisar Andrés) para que, dependiendo del protocolo en donde estemos, cambie la dirección, relativizándose e incluyendo al principio el protocolo correspondiente. Aunque existe un error en IE 7 Y 8 que crea una … Lee más!
Consejo CSS #6
No olvides llamar al archivo CSS entre las etiquetas <head>, para así optimizar la velocidad del sitio y que cumpla los estándares. Existen varias herramientas para optimizar el código CSS, como expuse hace unos días en el artículo 11 herramientas útiles para chequear, optimizar y limpiar tu CSS. dtsv.dtse_post_6248_permalink = ‘http://www.cssblog.es/consejo-css-6/’; dtsv.dtse_post_6248_title = ‘Consejo CSS … Lee más!
Consejo CSS #5
Algunos navegadores basados en Webkit como Safari o Chrome incorporan por defecto una ampliación en las cajas de texto (textarea). Esto puede dar lugar a modificación en la estructura del sitio, si se utiliza. Si no te interesa este comportamiento y deseas eliminarlo, no tienes más que incluir estas líneas en tu código CSS: textarea … Lee más!
Consejo CSS #4
Cuando estés aplicando margin o padding, o cualquier otra propiedad que tenga valores direccionales, ten en cuenta que si no especificas la dirección (margin-left, margin-top…), es decir, si aplicas css shorthand, tendrás que seguir el sentido de las agujas del reloj para guiarte en las direcciones. dtsv.dtse_post_4535_permalink = ‘http://www.cssblog.es/consejo-css-4/’; dtsv.dtse_post_4535_title = ‘Consejo CSS #4′;
Consejo CSS #3
Cuando estés aumentando o disminuyendo el tamaño de la tipografía, usa EM en vez de píxeles (PX). Los píxeles pueden ser interpretados de forma distinta dependiendo de cada navegador, especialmente Internet Explorer, mientras que usando EM, tendrás la seguridad de que el tamaño de la tipografía se mostrará exactamente igual en cualquier navegador. Más info. dtsv.dtse_post_4488_permalink … Lee más!
Consejo CSS #2
La clase (class) y los identificadores (ID) no son iguales. ¡Si aplicas un determinado ID a un elemento, no podrás repetirlo en otros elementos y el documento no tendrá el código CSS válido! Para ello, usa las clases. dtsv.dtse_post_4471_permalink = ‘http://www.cssblog.es/consejo-css-2/’; dtsv.dtse_post_4471_title = ‘Consejo CSS #2′;
Consejo CSS #1
Puedes ahorrarte tiempo con los colores hexadecimales definiendo únicamente 3 letras si estas son iguales. Por ejemplo, si tu línea CSS viene a ser así: color: #000000; puedes cambiarlo de esta forma y hará el mismo efecto: color: #000; dtsv.dtse_post_4465_permalink = ‘http://www.cssblog.es/consejo-css-1/’; dtsv.dtse_post_4465_title = ‘Consejo CSS #1′;
