CSS Avanzado
CategoríaRecursos y guías sobre CSS a nivel avanzado.
Crear enlaces inteligentes con CSS
Muchas veces necesitamos mostrar iconos al lado de los enlaces, ayuda al lector además de que ayudan a expresar el significado del enlace si sabemos utilizarlo correctamente. Pero, ¿y si estos enlaces fueran “inteligentes” y dependiendo del contenido del enlace, pasaran a mostrar un icono distinto automáticamente? Mucho más inteligentes que si tienen el poder … Lee más!
16 tipografías estándares para usar con CSS
Muchas veces encontramos tipografías, decimos, “son muy bonitas”. Pero a la hora de usarlas en el blog/sitio web nos llevamos una decepción. Y es que se ven distintas según el sistema operativo que utilicemos. Para evitar esto aquí os dejamos algunas tipografías estándares, con una comparativa de cada fuente estándar por sistema operativo que podéis … Lee más!
Mostrar u ocultar enlaces con CSS
A veces en un grupo de texto (un párrafo, por ejemplo), tenemos muchos enlaces, algunos queremos que destaquen más que otros. Seguimos dándole al coco y no podemos hacer nada para que esos enlaces destaquen sin estropear el diseño. ¿Porqué no ocultamos los menos importantes para que se muestren solo cuando pongamos el cursor encima … Lee más!
Viste a tu sitemap elegante con SlickMap CSS
SlickMap es una de las muchos recursos que van apareciendo por Internet y nos van ahorrando tiempo. SlickMap es simplemente una hoja de estilos para mostrar sitemaps creados en CSS de forma elegante, acomodándose en 3 niveles de navegación y otros enlaces interesantes que podamos insertar. Puede ser fácilmente personalizado desde la hoja de estilos. … Lee más!
Nueva hoja de referencia rápida sobre CSS3
Hace tiempo os mostramos una gran cantidad de hojas de referencia rápida sobre CSS2 o, como se suele decir, “chuletas”. Esta vez os vamos a mostrar 5 hojas de referencia rápida sobre CSS3, con las propiedades y valores más comunes organizados, así siempre podrás tenerlos a mano en caso de que no los recuerdes. Podemos ver … Lee más!
25 reglas para programar CSS correctamente
Olga nos muestra una gran lista de reglas a tener en cuenta para crear códigos CSS correctos, ligeros y accesibles, tomando en cuenta la W3C. Si estamos intentando mejorar la compatibilidad con los estándares en nuestro sitio, se recomienda echarle un vistazo. Ver las 25 reglas para programar CSS de forma correcta dtsv.dtse_post_2472_permalink = ‘http://www.cssblog.es/25-reglas-para-programar-css-correctamente/’; … Lee más!
15 métodos para crear menús de navegación
Existen muchos métodos para crear nuestro deseado menú de navegación. Horizontal, vertical, a base de listas, con imágenes, hay infinitas posibilidades. En CSSBlog.es ya publicamos algunos sistemas para crear menús con CSS o imágenes muy originales. Esta vez queremos extender más la lista y publicaremos varios métodos más (que posteriormente serán analizados en el blog): … Lee más!
Crear un slideshow con CSS y JQuery
Hay muchas formas de presentar imágenes para enseñarlas a los usuarios. Una de ellas es el rotador de imágenes. Con HTML, CSS y un poco de JQuery podemos crear una forma de ver nuestras imágenes de forma amena, sencilla y eficaz. dtsv.dtse_post_2386_permalink = ‘http://www.cssblog.es/crear-un-slideshow-con-css-y-jquery/’; dtsv.dtse_post_2386_title = ‘Crear un slideshow con CSS y JQuery’;
Grabado de texto con CSS
Hay muchas técnicas de grabar un texto. Apple utiliza mucho esta técnica últimamente, por ello queremos enseñarla para que la podáis usar. Existen varios tipos: dtsv.dtse_post_2407_permalink = ‘http://www.cssblog.es/grabado-de-texto-con-css/’; dtsv.dtse_post_2407_title = ‘Grabado de texto con CSS’;
Opinión: ¿Qué novedad de CSS3 os gusta más?
Cada vez más navegadores están soportando las características de CSS3 y no es ninguna sorpresa, ya que CSS3 lleva siendo desarrollado desde hace mucho tiempo. Sus mejoras facilitan la inclusión de código CSS y el manejo de ellos. Desde aquí queremos conocer vuestra opinión, se trata de que elijáis la mejora o característica nueva que … Lee más!
Emular un dock de MacOS con CSS Animations
Gracias a CSS Animations las posibilidades al programar con CSS se multiplican. Podemos hacer, por ejemplo cubos en 3D o un Pong. Esta vez enseñaremos a crear un dock parecido al de MacOS, utilizando únicamente CSS Animations. Compatible con Firefox 3.5+ (Aunque no funciona correctamente el efecto de transición) y Safari 3+ y 4+. No … Lee más!
Universal IE6 CSS, convierte a IE6 en estandar
For a Beautiful Web ha creado un interesante proyecto para promover el uso de los estándares web y la manera de llegar a todos los usuarios sin importar el navegador web en el que se visualicen. Universal IE6 CSS es simplemente un fichero CSS que nos permitirá visualizar nuestro sitio web correctamente en Internet Explorer … Lee más!
