Dato curioso… este sitio web mide 18.939 kilómetros de alto. Hecho con CSS, por supuesto. Verlo aquí: http://worlds-highest-website.com/
Drop shadow con CSS
Esta relativamente sencilla técnica de CSS permite incluir sombra en cualquier elemento de bloque (div) sin utilizar imágenes. Ver el código en acción aquí. Descarga el código fuente aquí (ZIP). Fuente: http://www.webtoolkit.info/css-drop-shadow.html
Esquinas redondeadas, sin imágenes!
Esta herramienta basada en CSS y Javascript, permiten crear esquinas redondeadas en módulos, sin utilizar imágenes. Basically, Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images. Ver los ejemplos aquí. Esquinas Redondeadas
Link – Visited – Hover – Active
Es el orden correcto y hasta cierto punto necesario de la declaración del selector de “links” en CSS, para que éste funcione correctamente Leía un artículo de Nicole Hernandez en WebDesign.org acerca de este tema, en donde la autora relataba la manera de recordar el orden correcto de los links en una hoja de estilos. Love Hate is how I … Read More
El @import, tu aliado contra la desigualdad de browsers
Este artículo se basa en hechos de la vida real. Los nombres de los personajes que figuran aquí fueron cambiados para proteger su identidades. Pablo: Oe, José me indica que hay muchos problemas con la presentación del sitio. Son cuestiones del CSS más que nada. Naza: Simón, ya estuve revisando y hay unas cosas que no cuadran. Pero no tengo … Read More
Lorem Ipsum qué?
Alguna vez te debes haber topado con la necesidad de rellenar con texto ficticio algún diseño, para simular al mismo. É sto cuando el cliente o el proyecto no tienen aún definido el contenido del mismo. Para este fin viene muy útil el “Generador de texto Lorem Ipsum“. Lorem Ipsum is also known as: Greeked text, blind text, placeholder text, … Read More
100% Height with CSS
Encontré un interesante artículo que nos muestra como lograr alturas del 100% en un contenedor/página utilizando CSS. Although not that widely supported, I have found a way to make 100% height with CSS work in IE, Firefox and Opera. Three of the most major browsers right now. Today, I show you how to accomplish this fun little trick. First we … Read More
Frames sin usar Frames (con CSS, claro!)
Interesante técnica para simular el uso de “frames” con CSS, sin usarlos como los conocemos. ¿Cómo funciona? The document consists of three main blocks: headerwrap, middlewrap and footerwrap. headerwrap and footerwrap have fixed positions; headerwrap at the top and footerwrap at the bottom of the viewport. middlewrap has padding-top and padding-bottom to match the heights of headerwrap and footerwrap. To … Read More
Dreamtemplate
Esta es una buena base de datos de plantillas para web. El precio se ve razonable por acceso ilimitado ($59), claro, siempre tomando en cuenta que un sitio basado en una plantilla puede llegar a encontrarse con uno (o varios) similares en Internet. En todo caso, tiene algunos diseños bastante buenos que podrían servir de base para un buen diseño. … Read More