Pedro CM
AutorPedro Corchero Murga es el creador de este blog, un blogger al que le encanta el marketing, el diseño y la programación web. Saber más sobre él. Seguir en Twitter o Facebook. Contactar
Menú circular con submenús en CSS
¿No os parece increíble poder crear un menú en CSS con forma circular? Los chicos de CSSPlay lo consiguen gracias a su gran ingenio con CSS. El menú está testeado en IE6, IE7, Firefox, Opera, Safari (PC) y Google Chrome. Los iconos están cojidos del pack “Milky Set“. Ver menú circular dtsv.dtse_post_126_permalink = ‘http://www.cssblog.es/menu-circular-con-submenus-en-css/’; dtsv.dtse_post_126_title … Lee más!
Técnicas muy productivas con CSS
Si no tuvísteis bastante con el listado de 50 herramientas con CSS, ahora podréis ver otras técnicas muy productivas para trabajar con nuestro CSS. Ver las técnicas productivas con CSS dtsv.dtse_post_122_permalink = ‘http://www.cssblog.es/tecnicas-muy-productivas-con-css/’; dtsv.dtse_post_122_title = ‘Técnicas muy productivas con CSS’;
53 técnicas CSS imprescindibles
¡Basta de códigos enrevesados, largos y pesados! ¿A quién lo le gustaría poder obtener impresionantes técnicas CSS con solo reemplazar un archivo por otro? ¿Crees que es imposible, demasiado fácil para ser verdad? ¡Te equivocas! Te mostramos una lista de 53 técnicas con CSS que serán muy útiles para tí. (Quién sabe, puede que las … Lee más!
30 trucos y técnicas con CSS
Un buen listado de técnicas donde se muestra lo flexible que puede llegar a ser CSS: Trucos y técnicas CSS 1 (Primer capítulo). Trucos y técnicas CSS 2 (Segundo capítulo). Vía | Microsiervos Vía | AlexSancho dtsv.dtse_post_102_permalink = ‘http://www.cssblog.es/30-trucos-y-tecnicas-con-css/’; dtsv.dtse_post_102_title = ’30 trucos y técnicas con CSS’;
Crear hr con CSS
Para los que no quieran usar HTML, también podremos crear <hr> con CSS. Solo debemos aplicarle este código: <head> <style type=”text/css”> hr.linea{ width:55%; height:0px;/*solo queremos borde*/ text-align:left; border-top:0px;/*quita el grosor extra de Opera y FFox*/ border-bottom:#CC0000 dashed 1px; } </style> </head> Lógicamente podremos cambiar los valores del estilo del borde (Por ejemplo, donde pone dashed, … Lee más!
Cómo ordenar tu código CSS
Los chicos de Woork nos explican cómo hacer más ordenado nuestro código CSS, hay que seguir estas pautas: 1) ¿Uno o varios ficheros? Hay gente que utiliza varios ficheros CSS en su código, otros, solo uno, ¿qué es lo mejor?. Lo mejor, depende, si tenemos una web con un fichero CSS enorme, mejor partir ese … Lee más!
Crear un mensaje secreto con CSS, posición y transparencia
Podemos crear un mensaje oculto con CSS, que cuando vayamonos desplazándonos por la página, las letras se coloquen en su lugar y recreen este mensaje oculto, gracias a la propiedad position y a la transparencia. dtsv.dtse_post_829_permalink = ‘http://www.cssblog.es/crear-un-mensaje-secreto-con-css-posicion-y-transparencia/’; dtsv.dtse_post_829_title = ‘Crear un mensaje secreto con CSS, posición y transparencia’;
Columnas equilibradas en CSS
Si queremos crear columnas equilibradas en CSS, utilizando divs y obviamente, CSS, solo tendremos que crear un nuevo archivo HTML, e incluir este código: <style type=”text/css”> #caja_izq {width: 850px; margin: 20px auto; color:#fff; background-color: #4c9ab1; overflow: auto; } #caja_der {width: 500px; float: right; background-color: #82b04d; border-left: solid 30px #fff; } .columna_izquierda {width: 280px; float: left; … Lee más!
50 herramientas muy útiles para CSS
Que alegría nos da cuando vemos una herramienta que nos hace el trabajo más fácil y rápido, ¿verdad? Pues aquí tenemos 50 herramientas sobre CSS para hacernos la vida mucho más fácil. Enlace | 50 herramientas CSS Vía | Adseok dtsv.dtse_post_48_permalink = ‘http://www.cssblog.es/50-herramientas-muy-utiles-para-css/’; dtsv.dtse_post_48_title = ’50 herramientas muy útiles para CSS’;
Menus originales en CSS
Útil herramienta para poder crear divertidos menús en CSS, principalmente dedicado a webs de humor y cómics. Ver herramienta para crear menús originales Vía: http://www.anieto2k.com/2006/05/25/menus-divertidos-con-css/ dtsv.dtse_post_45_permalink = ‘http://www.cssblog.es/menus-originales-en-css/’; dtsv.dtse_post_45_title = ‘Menus originales en CSS’;
Validar tu código CSS correctamente
Una buena página donde poder validar tu CSS correctamente, para ver detalladamente cada error, y ayudarnos a solucionarnos, es el validador CSS de JigSaw: Ver el validador en CSS. dtsv.dtse_post_34_permalink = ‘http://www.cssblog.es/validar-tu-codigo-css-correctamente/’; dtsv.dtse_post_34_title = ‘Validar tu código CSS correctamente’;
Qué filtro CSS usar para cada navegador
Esto de saber que filtro CSS elegir para cada tipo de navegador, es muy difícil, pero por suerte, en esta tabla tendremos toda la lista de filtros adaptada a cada navegador, que dirá si es compatible o no. Ver tabla de filtros CSS Vía: Anieto2k dtsv.dtse_post_30_permalink = ‘http://www.cssblog.es/que-filtro-css-usar-para-cada-navegador/’; dtsv.dtse_post_30_title = ‘Qué filtro CSS usar para … Lee más!
