Facebook Twitter Youtube Flicker Google + Pinterest Artedinamico
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


 
 

Strict Standards: mktime(): You should be using the time() function instead in /home/portalad/public_html/portal/wlib/wsecurityimage.inc.php on line 10
Tip y trucos

70 IDEAS PARA CREAR MEJORES CSS

La lista está dividida en diferentes apartados:

 

•Cómo empezar.

•Organizar el código.

•Tratar con id, class, selectores y propiedades.

•Abrevia el código.

•Tipografía.

•Depurar el código.

•Consejos técnicos sobre id y class.

•Consejos técnicos sobre selectores.

•Estilos en enlaces.

•Técnicas CSS.

•IE.

•Obtener inspiración.

Entre todos los consejos, algunos me gustaría destacar, puede que sean
conocidos de sobra, pero nunca viene mal volver a recordarlos.

 

•Para empezar, usa una página en blanco, dibuja dónde quieres cada bloque
(cabecera, contenido, paneles laterales, pie de página), sitúa las capas y
empieza a crear los estilos.

•Organiza tus CSS en bloques y añade comentarios para indentificarlos, cuando
quieras añadir, modificar o borrar, siempre será más cómodo y rápido si lo haces
así.

•Escribe los contenedores al mínimo, piensa bien en la estructura y no lo
llenes todo de capas.

•Evita los selectores y el hacking, aunque sobre el hacking yo diría que ni
lo uses.

•Escribe en los comentarios al inicio los códigos de colores que utilices
para facilitarte el trabajo.

•Escribe el nombre de los ids y los class de acuerdo con la semántica.

•Acorta la notación hexadecimal: #334455 es #345. Yo en esto fallo, me cuesta
hacerlo así, malas costumbres.

•Usa mayúsculas o minúsculas mediante estilos.

•Usa bordes para localizar las capas cuando estés depurando.

http://www.webtaller.com/construccion/lenguajes/css/lecciones/70-ideas-crear-mejores-css.php
Fuente: http://www.webtaller.com/construccion/lenguajes/css/lecciones/70-ideas-crear-mejores-css.php
Regresar a Tips y trucos
Publicado en: 2009-03-09 / Categoría: css / Estadísticas: [ 3840 Lecturas ] / Total comentarios: 0
 
Comparte este tips / truco
Otros tips / trucos de: css
HTML5 y CSS3, Crear Animacion de Objetos
TOOLTIP AVANZADO CON CSS
Diseño de Web Responsive
CÓMO REALIZAR CUADROS CON LÍNEA Y TEXTO DENTRO CON
PSEUDOCLASES
 
cOMENTArios:

 

colabora y participa en nuestra comunidad

Si tienes un tips / truco que desea compartir y que crees que es de ayuda para nuestra comunidad por favor haz click en el botón y envíanos un correo con la información e imagenes para publicar.

 
 
AutenticaciÓN
Usuario: "E-mail"
Clave

Olvidó su clave?

Desea registrarse?
 
 
 
 
 
Inicio | Staff | Servicios | Publicidad | Cursos presenciales | Nos recomiendan | Registrese | Contáctenos |


© Copyright Artedinamico.com 2001 - 2013. Todos los Derechos Reservados
Teléfono: (57)+(4) + 444 1001  - Medellín - Colombia - Suramérica
Hosting, diseño y desarrollo de este portal: artedinamico.net
Para contratar los servicios de Artedinamico en: Diseño web, desarrollo web, tiendas virtuales, e-commerce,
posicionamiento web, animación y multimedia, gestores de contenidos, hosting y dominios, cms, diseño gráfico click aquí

Algunas de las imágenes utilizas en este portal son de shutterstock.com y siempre que se usan se reseña su autoría, por lo tanto se prohíbe la distribución y utilización.

Políticas de protección de datos personales | Aviso de privacidad