CSS Medio
CategoríaRecursos y guías sobre CSS a nivel medio.
Crea fácilmente botones 3D con CSS3 y Ruby
Alexis ha creado una fórmula para poder realizar botones en tres dimensiones con CSS3 y Compass, una extensión de Ruby, de forma sencilla y rápida. Únicamente hay que seguir estos pasos: Instalación de la extensión Cuando hayas descargado la extensión, únicamente será necesario incluirla en el sitio y realizar una referencia a ella: @import “fancy_3d_buttons”; … Lee más!
Text-stroke, borde en el texto con CSS3
Es muy fácil hacer borde en un texto con imágenes, con Photoshop, pero, ¿y si queremos hacerlo con CSS? Una nueva característica de CSS3, text-stroke, (aunque todavía no es parte de él) es la inclusión de borde en el texto, de una forma muy sencilla, tal y como nos tiene acostumbrados CSS3. Pero hay que … Lee más!
Burbujas de texto con CSS
Las burbujas de texto son un efecto popular pero la mayoría de ellas se crean con HTML o Javascript. Este tutorial contiene varios ejemplos de efectos de burbujas de texto creados con CSS 2.1 y personalizados con CSS3. Como dije anteriormente, no contiene imágenes, Javascript y puede aplicarse a tu HTML semántico. Por ahora soporta … Lee más!
Centage, un framework avanzado basado en CSS/LESS
Centage es un framework complejo orientado a crear simples y avanzadas estructuras fácilmente. Está basado en less.js, una implementación en Javascript de less.css, y hace uso de sus funciones avanzadas, como pueden ser las variables, mezclas y la jerarquización. No utiliza ningún valor en píxeles, menos la expansión y compresión dependiendo de la anchura del … Lee más!
8 técnicas CSS aleatorias que deberías conocer
El CSS es la piedra angular de todo diseño web. Su sintáxis, aparantemente sencilla, afecta directamente al aspecto visual de nuestro front-end. En este artículo quiero comentaros ocho técnicas CSS que os resultarán muy útiles en futuros proyectos. Trabajando con medidas relativas Si queremos utilizar medidas relativas (em), para las tipografías de nuestros diseños, 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!
Crear un logotipo con CSS
¿Tienes curiosidad por aprender a realizar logotipos en CSS como el de Internet Explorer u Opera, entre otros? En este artículo explicaré como crear un logotipo con CSS, teniendo como fuente de inspiración el logotipo que asocio a la entrada. Se resumen en varios pasos, bastante sencillos, que dan como resultado un logotipo muy interesante … Lee más!
Ventana de información en hover con CSS
Sohtanaka recientemente ha descubierto un truco para realizar un sencillo efecto muy útil que hará que una determinada caja de contenido muestre más información al pasar el ratón por encima de ella. Es sencillo de construir, y totalmente gratis. A continuación os muestro el proceso, junto con un ejemplo y su descarga. Recordad que si … Lee más!
Cómo elegir la mejor tipografía para tu diseño
Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre una tipografía aceptable y otra que no es buena para nuestro sitio. En las tipografías para títulos, se podrían seguir estos … Lee más!
Animación de Spiderman y sistema solar con CSS3
Es impresionante lo que puede llegar a hacer CSS3. CSS3 nos está ayudando a todo el mundo, para crear sitios web más elegantes y accesibles, quitando relevancia poco a poco a Flash. CSS3, junto con HTML5, es el futuro. Por ejemplo, con un poco de jquery, HTML5 y teniendo como principal protagonista, CSS3, podemos lograr … Lee más!
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!
Mejora las miniaturas de WordPress con CSS
Wordpress en su versión 2.9 ha añadido una nueva característica, la posibilidad de insertar miniaturas en lo artículos, lo que hace mucho más fácil realizar miniaturas. Hay muchas formas de diseñar miniaturas, de hecho, os mostraré una técnica para darles un toque estético en 5 minutos con CSS, muy sencilla. dtsv.dtse_post_4417_permalink = ‘http://www.cssblog.es/mejora-las-miniaturas-de-wordpress-con-css/’; dtsv.dtse_post_4417_title = … Lee más!
