Semana complicada
Posted by Michael Müller in Sin categoría on 27. Ene, 2007 | 3 Comments
Como se habrán dado cuenta, esta semana que pasó no hubo posts, y es que proyectos críticos y urgentes ocuparon el 100%
de mi tiempo… espero retomar la actividad blogera esta semana con un par de ideas nuevas y también para anunciar algunas novedades en las que vengo trabajando.
Saludos,
Michael M.
Lo soporta tu navegador?
Posted by Michael Müller in Sin categoría on 19. Ene, 2007 | Comentarios desactivados
Interesante tabla comparativa de los mayores
browsers actualmente, con respecto de su soporte para la aplicación de reglas de CSS. Incluye:
Windows
Internet Explorer 7, 6, 5.5, 5, 4
Mozilla 1
Netscape Navigator 7, 6, 4
Op 8, 7, 6, 5
Mac OS X
Internet Explorer 5
Mozilla 1
OmniWeb 4
Opera 8, 7, 6, 5
Netscape Navigator 7, 6
Safari 2
entre otros…
Ver tabla aquí: http://centricle.com/ref/css/filters/
Plantillas de layouts en CSS, Gratis!
Posted by Michael Müller in HTML y CSS, Templates on 18. Ene, 2007 | Comentarios desactivados
Open Source Templates
15 exelentes
templates
OSWD
Cientos de layouts de todo tipo
Maxdesign
23 layouts
CSSplay
Layouts profesionales de Stu Nicolls
Changingman
3-col-layouts
Mollio
Siete variacions
de un template (incluye guía en pdf)
Six Shooter Media
15 Templates
CSS Design [...]
El sitio web más alto del mundo
Posted by Michael Müller in Sin categoría on 17. Ene, 2007 | Comentarios desactivados
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
Posted by Michael Müller in Sin categoría on 17. Ene, 2007 | 2 Comments
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!
Posted by Michael Müller in HTML y CSS, Tips Avanzados on 16. Ene, 2007 | 1 Comment
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
Posted by Michael Müller in Sin categoría on 15. Ene, 2007 | Comentarios desactivados
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 [...]
El @import, tu aliado contra la desigualdad de browsers
Posted by Michael Müller in Sin categoría on 12. Ene, 2007 | 8 Comments
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. [...]
Lorem Ipsum qué?
Posted by Michael Müller in Sin categoría on 11. Ene, 2007 | 2 Comments
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 [...]
100% Height with CSS
Posted by Michael Müller in Sin categoría on 10. Ene, 2007 | Comentarios desactivados
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 [...]
Frames sin usar Frames (con CSS, claro!)
Posted by Michael Müller in HTML y CSS, Tips Avanzados on 10. Ene, 2007 | Comentarios desactivados
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 [...]
